Это после очередной проверки :D Собственно, vue думает, что console - это какое-то свойство компонента, но это не так

Потому что там контекст компонента подставляется. И вообще логику из шаблонов стоит вытаскивать, так что в методе консоль логи расставляйте и этот метод вызывайте

что оно меняет?

Добавляет в вебпак манифест плагин и плагин для сервис воркера

Доброго всем! Подскажите плиз, как можно в Datepicker сделать так чтобы нельзя было выбрать дату До меньше чем От. То есть если от 1.08.18 то до должно всегда быть не меньше этой даты

а что за Datepicker?

а что за Datepicker?

input[type="date"] видимо

если так, то вешаешь change на каждый инпут, если второй меняется - меняешь в первом минимум, если первый меняется - меняешь максимум во втором

если так, то вешаешь change на каждый инпут, если второй меняется - меняешь в первом минимум, если первый меняется - меняешь максимум во втором

Наоборот наверное

а, ну да

ну и val менять, если он уже не подходит под условие

главное, change не триггерить)

а вообще, лучше взять нормальный rangepicker

Парни, подскажите, пожалуйста, как понять что жерт проц в моем приложении? Chrome. При открытой вкладке постоянно под 50% грузит. Но стоит сменить вкладку - норм становится. При открытой вкладке не зависит ни от фокуса окна, ни от видимости окна. То есть не в фокусе и спратанным за другими окнами вкладка все равно жрёт свои 50% CPU. Javascript Profiler пишет, что 100% CPU использует (program). Performance Profiler пишет, что из 10 секунд: 1 секунда рисует, 1 секунда рендер, 1 секунда что-то ещё, 7 секунд простой. Куда копать? Как понять что в приложении не так?

В процессе разбирательств выяснил, что CPU кушает рисование. Recalculate -> Update Layer Tree -> Paint. Чтобы найти проблемное место включил в хроме подсветку областей с перерисовкой. И она молчит, ничего не перерисовывается. В VueDevtool начал мониторить все мутации в vuex - тишина. Мониторинг событий - тишина. Вкладка Elements в devtools не отображает, что DOM меняется. Приложение работает прямо как я и ожидаю. Что может вызывать огромное количество перерисовок?

Уже даже не понимаю что искать и куда смотреть. Когда появилось поведение с таким расходом по CPU не могу найти.

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

Большинство из нас тут же под линуксом кодят?

Мак

Кажется у меня утечка памяти в hotreload

Реально такое?

Стандартный вебпак и вью

Потому что там контекст компонента подставляется. И вообще логику из шаблонов стоит вытаскивать, так что в методе консоль логи расставляйте и этот метод вызывайте

Это я хлебные крошки дебажил, а у них темплейт не в шаблоне, а вот так делается: Vue.use(Breadcrumbs, {template: '...'})

Это я хлебные крошки дебажил, а у них темплейт не в шаблоне, а вот так делается: Vue.use(Breadcrumbs, {template: '...'})

И поэтому я пытался там лог делать

Всем привет Есть у кого опыт работы с hbs? Я генерирую объекты с базы {{#each objects}} <div> ... </div> {{/each}} Все ок Но есть вопрос как сделать так, что бы каждые 3 объекта оборачивались в какой то див И в зависимости от разрешения на пример, больше 1600рх будет 6 объектов, ниже 3, и т.д.

Всем привет Есть у кого опыт работы с hbs? Я генерирую объекты с базы {{#each objects}} <div> ... </div> {{/each}} Все ок Но есть вопрос как сделать так, что бы каждые 3 объекта оборачивались в какой то див И в зависимости от разрешения на пример, больше 1600рх будет 6 объектов, ниже 3, и т.д.

Grid? Flex?

Grid? Flex?

ну будет flex Только к чему это ?

Там же всё настроить можно

mq-layout

можно использовать брейкпоинты в js

вот я делал такое https://github.com/Yakoot/stopuik/blob/master/src/components/LetterBlock.vue

Спасибо! Сейчас посмотрю

как string указать как переменную? типо так: v-for="(step,key) in steps" а внутри <i :class="stp1.icon" ></i> я хочу вместо stp1 указать stp{key}

как string указать как переменную? типо так: v-for="(step,key) in steps" а внутри <i :class="stp1.icon" ></i> я хочу вместо stp1 указать stp{key}

<i :class="`stp${key}.icon`" ></i>

<i :class="`stp${key}.icon`" ></i>

сяп

<i :class="`stp${key}.icon`" ></i>

а нет.. stp1.icon stp2.icon у меня обьект

<i :class="`stp${key}.icon`" ></i>

а не класс css

Народ, как правильно завершить выполнение функции экшена из сторы (внутри самого экшена)? У меня nuxt и если я в нужном месте делаю просто return, то мне в консоль сыпятся ошибки, что серверный DOM отличается от клиентского.

Всем привет! Есть ли способ узнать, что вызвало обновление компонента?

Всем привет! Есть ли способ узнать, что вызвало обновление компонента?

включить Шерлока Холмса)

а более простой способ?

в объекте Vue нет информации об этом?

Провести следственно розыскные мероприятия, выявить подозреваемых )

Всем привет! Есть ли способ узнать, что вызвало обновление компонента?

Изменение его входных параметров, изменение его локальных данных

какой же Vue все таки пи**тый после jquery/ Смотришь в код а там просто бизнес-логика без всяких $('dwwq').addClass().parent().removeClass().hide()

Народ, как правильно завершить выполнение функции экшена из сторы (внутри самого экшена)? У меня nuxt и если я в нужном месте делаю просто return, то мне в консоль сыпятся ошибки, что серверный DOM отличается от клиентского.

Экшн возвращает промис, значит по идее если ничего не возвращать это успешное выполнение и никаких данных, а если выкидывать ошибку,то реджект

привет, гайс. пытаемся подрубить на ппроекте vue-mdc-adapter для материал компонентов 2 версии и чет вебпак ругается на импорты в scss файлах либы через @

Экшн возвращает промис, значит по идее если ничего не возвращать это успешное выполнение и никаких данных, а если выкидывать ошибку,то реджект

Спасибо тебе, человечище)

привет, гайс. пытаемся подрубить на ппроекте vue-mdc-adapter для материал компонентов 2 версии и чет вебпак ругается на импорты в scss файлах либы через @

Там .css импортится, да? Ну @import('xxx.css')

из Казани есть кто?

Экшн возвращает промис, значит по идее если ничего не возвращать это успешное выполнение и никаких данных, а если выкидывать ошибку,то реджект

Похоже кидать ошибки в экшенах не самая хорошая идея)

что пишет

Там .css импортится, да? Ну @import('xxx.css')

щас потраим

щас потраим

Просто если .css, то мне тоже интересно ответ будет услышать, т.к. у меня такая же проблема нерешённая есть)

а код какой

Похоже кидать ошибки в экшенах не самая хорошая идея)

Ну да, их ловить ещё надо

С помощью .catch или try catch в async функциях

а код какой

if (!condition) throw new Error() примерно такой

а снаружи где вызов действия добавили .catch?

Понял)

Спасиб

Проще не кидать ошибки)

У кого-то стоит локальный npm?

Просто если .css, то мне тоже интересно ответ будет услышать, т.к. у меня такая же проблема нерешённая есть)

стили для кнопки подрубили через импорт .scss файла и все завелось. стили других компонентов не поключаются. + нельзя импортить .css файлы в scss

Проще не кидать ошибки)

Ну их надо кидать когда надо, когда что-то пошло не так как должно

привет, ребят, так сделать такой action это норм: loadBrands({ commit }) { return new Promise((resolve, reject) => { api.get('/brand').then( response => { resolve(response) commit('setBrands', { list: response.data }) }) .catch( error => { console.log(error) }) }); }, чтобы потом получить данные так: mounted() { this.$store.dispatch('loadBrands').then(res => { console.log( res); }) }, ?????? просто без Promis`ов приходится писать async/await а они не во всех браузерах как я понял)

new Promise не надо

ERROR: S client not available

Просто return api.get

Ибо он возвращает промис сам

Приветствую, a в vuex мутациях одобряется обработка методами map filter foreach?

А чо не?

Просто return api.get

точно, пасиб

привет, ребят, так сделать такой action это норм: loadBrands({ commit }) { return new Promise((resolve, reject) => { api.get('/brand').then( response => { resolve(response) commit('setBrands', { list: response.data }) }) .catch( error => { console.log(error) }) }); }, чтобы потом получить данные так: mounted() { this.$store.dispatch('loadBrands').then(res => { console.log( res); }) }, ?????? просто без Promis`ов приходится писать async/await а они не во всех браузерах как я понял)

Но вообще, ты же вебпаком пользуешься? Там юзается бабель, и он странсплитит подобные конструкции в промисы, так что будет работать в любом браузере, где работает вуй

Если не пользуешься, то начинай

Или хотябы бабель подключи и не парься

привет, ребят, так сделать такой action это норм: loadBrands({ commit }) { return new Promise((resolve, reject) => { api.get('/brand').then( response => { resolve(response) commit('setBrands', { list: response.data }) }) .catch( error => { console.log(error) }) }); }, чтобы потом получить данные так: mounted() { this.$store.dispatch('loadBrands').then(res => { console.log( res); }) }, ?????? просто без Promis`ов приходится писать async/await а они не во всех браузерах как я понял)

у тебя бабеля чтоли нет лол?

async loadBrands({commit}) { return await api.get('/brand') }

эх( не получится в строку) commit же еще

Но вообще, ты же вебпаком пользуешься? Там юзается бабель, и он странсплитит подобные конструкции в промисы, так что будет работать в любом браузере, где работает вуй

ну да я думал про это ) только не закидывайте меня камнями если я вам скажу что это nuxt )) просто решил сделать свой первый проект на vue использовал nuxt ) и под впечатлением совсем забыл про эти нанотехнологии как бабель и прочее)

эээ

ну лан

ну да я думал про это ) только не закидывайте меня камнями если я вам скажу что это nuxt )) просто решил сделать свой первый проект на vue использовал nuxt ) и под впечатлением совсем забыл про эти нанотехнологии как бабель и прочее)

в нуксте все эти нанотехнологии по дефолту есть

async loadBrands({commit}) { return await api.get('/brand') }

.then делай

Всем привет. Подскажите плиз. Почему когда я создаю в папке store файл index js и импортирую Vue и Vuex - вылезает предупреждение о дублировании модулей? Каким образом они дублируются? Делаю на Nuxt, но по ходу дело не в нем...

в нуксте все эти нанотехнологии по дефолту есть

да я понял это уже6 спасиб)

async loadBrands({commit}) { return await api.get('/brand') }

И await тут всетки не нужен

почему?

Зачем, если ты return await делаешь

так я хочу выполненный промис вернуть

а не просто промис

Ну а любая async функция возвращает промис

так я хочу выполненный промис вернуть

промисс в любом случае будет выполнен

смысла в этом действие нет, не раз уже это обсуждали

Ты получаешься создаешь промис, в котором ждешь выполнения промиса и потом возвращаешь результат

Лишняя прослойка

смотря какой кейс

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

В await есть смысл, когда в теле функции нужно зарезолвить несколько промисов