специально для этого роута

всё работает нормально, если не ходить по прямым ссылкам. Оно и так сейчас работает, если в статич. роуте { path: '*', name: '404', component: p404 } отключить,

уж больно не хочется костылить vuex флаги

оо. я 404 тоже в динамике буду набирать 🙈

уж больно не хочется костылить vuex флаги

можешь добавить в эддроутес синхронизма за счёт отдачи с сервера его дефолта на основе строки запроса.

Привет мастерам реактивности)

Хотелось бы с вами еще посоветоваться.

Вот есть у меня компонент, где в цикле создаются элементы (карточки). Мне нужно внутри каждой карточки создать дочерний компонент, который будет выводить данные юзера, который связан с этой карточкой. Данные юзера привязаываются к карточке с помощью :is-current="prepare(animation)", для каждой разные(но бывают и повторы) прчем шаблон этого дочернего компонента подгружается динамически, через промис. (в отдельном случае, просто на странице, это уже реализовано) А вот как это сделать при генерации карточек?

А все, почти получилось)

резиновая уточка помогла

Коллеги, по роутеру подскажите пожалуйста. Ситуация такая есть роуты /login и /login/stats

визуально это две табы

Не знаю, что помогло. Сейчас работает, сейчас пытаюсь понять, как передать через props индекс юзера, которого надо там привязать

роутер считает роуты вложенными - проставляет эктив обоим при переходе на второй роут

ибо выводить это не в шаблоне, а в связке даты с функцией

это как-то можно изменить?

как глянуть все методы прототипа вью? this.$root?

Хочу повесить обработчик клика на весь документ, делаю с помощью document.addEventListener, когда указываю метод vue как функцию-обработчик - не получается передать в нее event. Пробовал явно и неявно, все равно никак. Мб кто-то сталкивался и может подсказать в чем проблема? Если указывать явно и делать выводить в консоль - вместо event - выводиться объект vue..

А где вешаете обработчик?

у меня в дате есть переменная отвечающая за отображение блока уведомлений, на нее я повесил watch, в нем и вешаю

methods: { someMethod(e) { console.log(e) //Вот тут будет эвент } }, mounted() { document.addEventListener('click', this.someMethod); },

methods: { someMethod(e) { console.log(e) //Вот тут будет эвент } }, watch: { someDataProp() { document.addEventListener('click', this.someMethod); } },

Вот так через watch

Я не вижу причин, почему это может не работать

точно так же сделала, консоль выдает объект вью

if (val) проходит, там проблем нет

Что это за val в notificationsShowed?

А, сорян

У меня точно такой же пример работает

Уверены, что это именно тот вывод в консоль?

Уверены, что это именно тот вывод в консоль?

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

Проверьте, что triggerNotificationsOnClick не повешен в разметке через @click

как вариант

watch{ variable: { handler: function(val, oldVal) { console.log(val) }, deep: true }, }

Сдается мне, откуда-то из DOM протекает эвент. В этом случае в e действительно будет лежать компонент

если нужно вызывать функцию

Проверьте, что triggerNotificationsOnClick не повешен в разметке через @click

такого нет..

попробуй мой пример

попробуй мой пример

я был практически уверен что deep: true тут не к чему, проверил, подтвердил

друзья, а подскажите новичку, вот мы когда пишем приложение, разбиваем его на компоненты, вопрос №1: что разумно выносить в компонент? например, header/footer - компоненты? вопрос №2: что в результате после сборки проекта мы имеем на руках? все шаблоны и css пакуются в .js файл, или они динамично грузятся? если динамично, то откуда?

Пацаны, чё там с асинхронными компонентами в вью?

ребя, кто с three js работал?

даже в связке с backbone)

Сдается мне, откуда-то из DOM протекает эвент. В этом случае в e действительно будет лежать компонент

epic fail, метод біл не метод, а компьютед... благодарю за помощь

Здравствуйте! Можете подсказать, как отлаживать приложение на vue.js например, как понять, что вызвалась та или иная мутация

точнее не мутация, а действие

точнее не мутация, а действие

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

понял, спасибо

Пацаны, чё там с асинхронными компонентами в вью?

А что с ними не так

Вешать обработки на события в вочере тот ещё говнокод

друзья, вопрос - с сервака приходит объект, по нему в computed считается много всего прежде чего показать вывести в tpl. у одного объекта может быть несколько представлений, понятное дело что дублировать всю простыню computed в каждом vue файле который отвечает за новое представление - неправильно, как паттерн в это случае - как выделить и где лучше хранить все computed расчеты которые потом могут использоваться любым vue файлом чисто для рендеринга?

vuex

роутер считает роуты вложенными - проставляет эктив обоим при переходе на второй роут

Добавь в router-link атрибут exact

Миксины

Или на уровне компонент вообще сделать

Использую statefull/stateless парадигму

подскажи, если кто знает готовое решение для валидации инпута для времени

Регулярочки)))

как html передать через props в компонент? http://storage3.static.itmages.com/i/18/0207/h_1518019024_9893217_608fab736f.png вот тут проблемы с contents, не понятно какие кавычки ставить

html кот от текстового редактора

там свои кавычки " данного типа

как html передать через props в компонент? http://storage3.static.itmages.com/i/18/0207/h_1518019024_9893217_608fab736f.png вот тут проблемы с contents, не понятно какие кавычки ставить

бля, wtf

Моя остановочка.

Ясно, спасибо за помощь ребята)

через <script> var window.data = <?= json_encode($data) ?> </script>

Start me to get the list of commands

через <script> var window.data = <?= json_encode($data) ?> </script>

тоже не подходит... да и передаю я строку

json_encode тут не к месту

через <script> var window.data = <?= json_encode($data) ?> </script>

не подходит поскольку форм много на странице

ну лан

подскажи, если кто знает готовое решение для валидации инпута для времени

vuelidate + свой валидатор напиши к нему

vuelidate + свой валидатор напиши к нему

огонь, я у него даже встроееным функционалом обойдусь, благодарю

огонь, я у него даже встроееным функционалом обойдусь, благодарю

Только он текст ошибок не выводит, это придётся тебе самому делать

Только он текст ошибок не выводит, это придётся тебе самому делать

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

Нет, он не анимирует ничего

Это чистый валидатор

Есть ещё veevalidate

Уже посмотрел фидл, у них в демке была анимация, а в фидле базовом нет. В любом случае, мне хватит