heavycharged
или проблема в том, что хук beforeRouteEnter срабатывает только раз при входе в роуте '/prices/'
heavycharged
если я делаю через created хук, то первый раз не срабатывает редирект при переходе на компонент, а вот последующие разы срабатывает
heavycharged
короче, добавил в router.js redirect свойство, и все. Не хотел из компонента выносить этот массив в роутер :(
Nikolay
<span v-if="( this.categorySlug === 'lifestyle' v-html="d.title"> </span> почему может не срабатывать?
heavycharged
и this не нужен там
heavycharged
если categorySlug это свойство из объекта data
Nikolay
скобку потерял при копировании
Nikolay
исправил, попробую
Nikolay
о, заработало
Nikolay
спасибо
Nikolay
как можно перерендерить компонент целиком?
Kirill
как можно перерендерить компонент целиком?
А тебе нужно что то пересчитывать?
Nikolay
да, у компонента есть выдача, которая формируется при инициализации
Nikolay
вот и думаю как лучше это все перерендерить
Kirill
А когда нужно перерендерить?
Nikolay
при клике
Kirill
Можешь объявить переменную в data типа toggleRender и менять её значенеие на клик.
Nikolay
мне понять бы что вызвать для рендера)
Kirill
метод из компонента
Kirill
есть еще $forceUpdate но он вроде не пресчитывает
Nikolay
компонент по json данные получает
Nikolay
надо список старых очичтить и новые отрендерить
Kirill
Если список мутирует то оно и так обновиться
Nikolay
он подгружает в конец списка новые документы
Nikolay
сделал
Nikolay
очистил и запросил новые
Nikolay
👌
Roman
он подгружает в конец списка новые документы
можно просто делать push в конец списка и тоже все перерисуется, где нужно
Nikolay
нужно старые затереть
Nikolay
я сделал уже.. сначала очистил массив, потом пихнул новые данные
Bohdan
господа, а не подскажите как глобально подключить локаль в vee-validate?
Nikolay
какой метод вызывается при инициализации?
Bohdan
господа, а не подскажите как глобально подключить локаль в vee-validate?
Отвечаю, сам себе ))) import VeeValidate, { Validator } from 'vee-validate'; import ru from 'vee-validate/dist/locale/ru'; Validator.localize('ru', ru );
Anton
😠
Bohdan
а не подскажите, есть кнопка Submit, на какое свойство veeValidator можно подвязать что бы блокрировать если поля все не заполненны и не провалидированны?
Bohdan
сделал так, но может есть более элегантное решение? v-btn( @click='submit', :disabled='!email || !password' )
1337
у ангуляра такая крутая интеграция с вебштормом
1337
вот бы в vue на таком же уровне сделали
1337
хотя в ангуляре думаю из-за тайпскрипта по большей части
Nikolay
где можно вызвать функцию, необходимую для инициализации?
Stanislav
Nikolay
инициализация компонента
Nikolay
перед первым запуском
Nikolay
не верю, что во вью все компоненты со статикой только стартуют
Bohdan
ну disabled на computed
ну еще нужно сделать на проверку ошибок валидации
Oleksandr
Ребят, посоветуйте пож либу для обработки жестов пользователя. Типа щепотка, поворот, и т. д.
Bohdan
v-btn( @click='submit', :disabled='(!email || !password ) && !errors.items.lenght' ) | Вход !errors.items.lenght - как-то костыльно на проверку ошибок
Sunlive
удивительно, но работает )))
вообще эту всю логику лучше из шаблона вынеси в компьютед
Sunlive
и сделай типа :disabled="isValidated" например
Sunlive
которое вернет тебе тру или фолс
Bohdan
вообще эту всю логику лучше из шаблона вынеси в компьютед
ну это само собою, я пока ищу решение, да и пример проще сюда кидать когда в одном месте
Sunlive
сам ви валидейт проверяй на длинну ошибок и все
Sunlive
я насколько помню ты должен описать там как именно ты хочешь валидировать и при каких ивентах инпуты
Sunlive
и если ошибок нет - можно сабмитить
Nikolay
я могу сделать так?
Sunlive
я могу сделать так?
если честно, я бы так не делал, тоже компьютедом обошелся
Олег
кто юзает vuetify подскажите в чем может быть дело. В теге v-footer не работает реактивность через v-bind. Смотрити по коду комментарий <template> <div> <v-footer class="pa-3"> <v-spacer></v-spacer> <div>© {{ new Date().getFullYear() }}</div> <!-- не работает --> <p :style="mystyle"> TEST </p> <v-btn @click="changeStyle">ChangeStyle</v-btn> </v-footer> <!-- работает --> <p :style="mystyle"> TEST </p> <v-btn @click="changeStyle">ChangeStyle</v-btn> </div> </template> <script> export default{ data () { return { mystyle:{ opacity : 0, color: 'red'}, } }, methods: { changeStyle(){ this.mystyle.opacity = 1 } } } </script>
Nikolay
ладно, это действительно похоже на костыль)
Sunlive
ладно, это действительно похоже на костыль)
а что тебе нужно получить, булеан или строку?
Nikolay
но там не получится..там что-то чистит строку адреса..так что это дохлый номер, оттуда читать
Sunlive
ты роутер используешь?
Nikolay
нет
Sunlive
окей тогда
Nikolay
тут все сломано к чертям, я чиню
Bohdan
сделал, но вопрос, насколько я знаю, методы нельзя в верстке вешать
Bohdan
v-btn( @click='submit', :disabled='!email || !password || errors.any()' )
Stanislav
Ребят, посоветуйте пож либу для обработки жестов пользователя. Типа щепотка, поворот, и т. д.
попробуй копнуть в сторону hammer.js. Но плагин для vue вроде бы для vue 1.*
Oleksandr
попробуй копнуть в сторону hammer.js. Но плагин для vue вроде бы для vue 1.*
Я юзал. Что-то не понравилось. По-моему там нет лайфхуков. Нельзя было узнать когда событие началось, когда закончилось, и когда оно еще происходит.
Oleksandr
http://hammerjs.github.io/recognizer-pinch/ pinchstart pinchend
Шик. То что надо. Но я давно юзал. Может тогда не было этого. Сейчас выглядит как то, что нужно )
Stanislav
👌