кто-нибудь использует

Справедливо 🤔

Делаю, по доке. Но в результате beforeEach срабатывает очень много раз и потом крашиться приложение

У тебя по сути рекурсия. Ты проверяешь, есть ли user, и если его нет, то отправляешь на /no-perm. Человек туда попадает и опять срабатывает хук и там опять проверяется, есть ли юзер, если нет, то опять отправляешь на /no-perm.

И так до бесконечности.

Чтоб пустить человека дальше по роуту, ты должен вызвать next без аргументов.

Чотт не могу в пропс передать объект, пишу v-bind="myObj", в компоненте props=['myObj'] и нифига

Потому что это короткая запись, которая создаст входные параметры на каждое свойство объекта

v-bind:my-obj="myObj"

примерно так надо писать

Зачем вообще писать "v-bind" если есть прекрасный шорткат ":" :my-obj="obj"

создал чистый проект vue+typescript

тут вот такая строчка

@Prop() private msg!: string;

Что значит восклицательный знак при объявлении?

что переменная не может быть null, типа required

Всем привет

что переменная не может быть null, типа required

спасибо

просто IDE ругается еще на это

хотя я подключил typescript и tslint

Ковыряю vue, возник вопрос, не знаю как лучше решить. Есть чат, вроде телеги, справа так же показывается timestamp в формате HH:mm. Сообщения рендерятся списком через v-for. Я не хочу дублировать таймстамп на каждом сообщении если отформатированное время такое же как у предыдущего сообщения. В какую сторону мне курить на этот счет?

Пересобирать сообщения через filters группируя по минутам кажется не очень хорошим решением

в v-for передать уже подготовленный массив данных, а этот массив в функции например создавать и контролировать время

или в computed - если удобнее, главное в v-for дать данные которые уже не надо вычислять, а надо только вывести

Хм, ну да, учитывая что они уже группируются по отправителю, внутри переназначить время не должно быть накладно

спасибо

Привет всем. Переношу проект с JS на Vue. Появился следующий вопрос: на странице есть n-количество div. По клику тому, на который кликнули, надо добавить класс active. Как это правильнее реализовать?

Хранить индекс активного элемента в родительском состоянии, а в аттрибуте класса проверять индекс

смотрел кто уже? https://flutter.io/

крутой компонент, делюсь https://github.com/rowanwins/vue-dropzone

Как сделать подобный роутинг, в name нужно тип указать path: '/users/(crm|sait):type', children:[ { path: '/create', name: 'users.'+type+'.create', ... },...

а если пропс - труе, и уже при приеме пропсов - типы в компоненте указывать?

а не, не так понял задачу

А вот у меня еще такой вопрос: есть цикл по массиву, он спрятан в if, цикл заполняется спустя время но в консоле всё равно ошибки, потому что компонент сразу хочет обратиться к этому массиву. Получается v-if не работает так как я думал. Как быть?

Здравствуйте. Возникла такая ситуация: Есть масив обьектов, у каждого обьекта есть своя форма (инпут) Как передать форму именно выбраного обьекта в функцию?

Всем привет Я решил стать вуедебилом, как мне сказали в одной из конф

Зачем вообще писать "v-bind" если есть прекрасный шорткат ":" :my-obj="obj"

не всегда можно применять шорткаты, например когда пишешь приложение без webpack-а и надо соблюдать валидность html кода

Всем привет Я решил стать вуедебилом, как мне сказали в одной из конф

земля пухом

земля пухом

крутая ава))

Здравствуйте. Возникла такая ситуация: Есть масив обьектов, у каждого обьекта есть своя форма (инпут) Как передать форму именно выбраного обьекта в функцию?

отправлять событие и индекс объекта

отправлять событие и индекс объекта

можешь в примере показать?

@onclick="handleClick(event, index)"

в v-for="(item, index) in items"

и там уже в handleClick ловишь это все и - либо что-то делаешь, либо в емитишь, либо диспатчишь. От задачи зависит

Спасибо)

Котики, есть такая проблема. Юзаем Nuxt и есть урлы, которые разрешены только модератору. Доступ к ним проверяется в мидлваре накста. Кек, проблема в том, что она правильно срабатывает только когда страница в инкогнито. Куда копать вообще? Может там наскт как-то юзера кеширует или как

Как проверяешь?

Котики, есть такая проблема. Юзаем Nuxt и есть урлы, которые разрешены только модератору. Доступ к ним проверяется в мидлваре накста. Кек, проблема в том, что она правильно срабатывает только когда страница в инкогнито. Куда копать вообще? Может там наскт как-то юзера кеширует или как

а по какому критерию проверяется в бэке? по куке?

Как проверяешь?

Ну, захожу с под админа - не пускает. Создаю инкогнито => захожу под админом и пускает

а по какому критерию проверяется в бэке? по куке?

Токен в хедере, а токен в локалсторадже

Локалсторадж я чистил, не помогает

Токен в хедере, а токен в локалсторадже

ну а токен-то приходит если в обычном режиме браузере заходишь?

ну а токен-то приходит если в обычном режиме браузере заходишь?

Приходит, его видно в дев-тулах

Подскажите как настроить правило в eslint чтобы в секции script можно было использовать 2 пробела... Использую vue/webpack

VC?

Да, vs code, забыл указать

Чуваки, как назывался плагин который интергрировал local-storage с vuex ?

Загуглить "vuex localstorage"?

ща

https://github.com/robinvdvleuten/vuex-persistedstate

vuex-persistedstate

Подскажите как настроить правило в eslint чтобы в секции script можно было использовать 2 пробела... Использую vue/webpack

наведи на ошибку мышкой, тебе подсветит названия правила, затем добавь в eslintrc.[js/json] '[правило_которое_хочешь_исключить]': 0,

Спасибо

наведи на ошибку мышкой, тебе подсветит названия правила, затем добавь в eslintrc.[js/json] '[правило_которое_хочешь_исключить]': 0,

Дело в том что я бы не хотел исключать indent, в прошлом проекте было именно так, что в секции script было 2 отступа, но там не использовался eslint-plugin-vue

смотрел кто уже? https://flutter.io/

создание хтмл на джс ?)

создание хтмл на джс ?)

ну от гугла же, хайп, все делишки)

мне больше интересно, как оно под капотом ворочается

ага ) ну идея интересно

Дело в том что я бы не хотел исключать indent, в прошлом проекте было именно так, что в секции script было 2 отступа, но там не использовался eslint-plugin-vue

тогда задай нужные правила валидации, найди на сайте eslint взможные валидации для твоей ошибки, Они задаются массивом, где первый элемент название правила, а последующие настройки: например ["error", "as-needed"], ["error", {"code": 120}] и тд

тогда задай нужные правила валидации, найди на сайте eslint взможные валидации для твоей ошибки, Они задаются массивом, где первый элемент название правила, а последующие настройки: например ["error", "as-needed"], ["error", {"code": 120}] и тд

Спасибо. Но это я знаю. Нашел правило script-indent: ["error", 2, {"baseIndent": 1}], но оно не работает

Как во Vue лучше организовать работу с модальными окнами, если они нужны на многих страницах? Модальные окна могут успеха/ошибки/информации. +/- можно сделать одинаковую структуру Контроллировать их через vuex или как лучше?

Спасибо. Но это я знаю. Нашел правило script-indent: ["error", 2, {"baseIndent": 1}], но оно не работает

В eslint-plugin-vue

Как во Vue лучше организовать работу с модальными окнами, если они нужны на многих страницах? Модальные окна могут успеха/ошибки/информации. +/- можно сделать одинаковую структуру Контроллировать их через vuex или как лучше?

Ипортировать компонент модалки, прокидывать туда нужный шаблон через slot и вызывать по v-if?

я так сделал компонент модалки

Ипортировать компонент модалки, прокидывать туда нужный шаблон через slot и вызывать по v-if?

Мне, в принципе, слоты пока не нужны, наверное. Будет один шаблон. Нужно прокидывать статус, сообщение и код. То есть мне нужно импортировать компонент модалки в каждый комонент, где она мне нужна. Потом создавать v-if ище 3 переменных (статус, сообщение и код) И каждый раз обновлять эти переменные при ошибке? А в модалке делать емиты на переменную v-if

я так сделал компонент модалки

ну это через ref, мне кажется, что немного неправильный подход

И чем же неправильный?

Тут можно глянуть готовые решения http://www.vuescript.com/modal-popup/

смотрел кто уже? https://flutter.io/

Так это для ui kit для дарта

Так это для ui kit для дарта

да нет, вроде как полноценный фреймворк уже