Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 June 23

V💊

Vladimir 💊 Voytenko... in Nuxt.js — русскоговорящее сообщество
Там Санта Барбара прям, уже не одну неделю наблюдаю её. Обе стороны молодцы прям, стоят друг друга
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Vladimir 💊 Voytenko
Там Санта Барбара прям, уже не одну неделю наблюдаю её. Обе стороны молодцы прям, стоят друг друга
Люди в саппорте такое каждый день наблюдают
источник

NN

Nikita Ni in Nuxt.js — русскоговорящее сообщество
Ребят доброе утро. Подскажите плз, есть компонент в нем список продуктов и фильтры(выставив фильтр, в урл вставляется квери параметр, от которого зависит список продуктов).
 Сделал watcher на route, что бы при клике браузерных prev next button вызывался, метод который срабатывает при клике по фильтру(в нем изменяется - пушится query параметр) и следом в этом watcher запрашиваю сами продукты.  
 Получается, следующее захожу на старницу фильтры пусты, жму на фильтр появляестя параметр, это провоцирует изменение урла, срабатывает вотчер, вызывается опять тот же метод где формируется квери параметр(уже из урла) и далее запрашиваются продукты(по итогу я получаю 2 запроса, одинаковых). Не соображу как это решить, может кто подскажет?
источник

NN

Nikita Ni in Nuxt.js — русскоговорящее сообщество
нужно при клику браузерных кнопок, что бы я получал query из urla, а при клике по фильтру соответственно из фильтра
источник

VS

Vlad Starkovsky in Nuxt.js — русскоговорящее сообщество
Dmitry Petrik
"последние 5 лет я работаю в компании "Ремонт и Декор" как фронтенд, бэкенд-разработчик и гендир, в том числе - это моя компания"
а еще бухгалтер, колл-центр, девушка с ресепшена, уборщица, отдел кадров и вообще у меня очень много опыта, я разнасторонний человек
источник

VS

Vlad Starkovsky in Nuxt.js — русскоговорящее сообщество
Vladimir 💊 Voytenko
Там Санта Барбара прям, уже не одну неделю наблюдаю её. Обе стороны молодцы прям, стоят друг друга
🌚
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
Nikita Ni
Ребят доброе утро. Подскажите плз, есть компонент в нем список продуктов и фильтры(выставив фильтр, в урл вставляется квери параметр, от которого зависит список продуктов).
 Сделал watcher на route, что бы при клике браузерных prev next button вызывался, метод который срабатывает при клике по фильтру(в нем изменяется - пушится query параметр) и следом в этом watcher запрашиваю сами продукты.  
 Получается, следующее захожу на старницу фильтры пусты, жму на фильтр появляестя параметр, это провоцирует изменение урла, срабатывает вотчер, вызывается опять тот же метод где формируется квери параметр(уже из урла) и далее запрашиваются продукты(по итогу я получаю 2 запроса, одинаковых). Не соображу как это решить, может кто подскажет?
Не используйте вотчеры просто
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
Для запроса данных есть asyncData и свойство watchQuery
источник

DP

Dmitry Petrik in Nuxt.js — русскоговорящее сообщество
Nikita Ni
Ребят доброе утро. Подскажите плз, есть компонент в нем список продуктов и фильтры(выставив фильтр, в урл вставляется квери параметр, от которого зависит список продуктов).
 Сделал watcher на route, что бы при клике браузерных prev next button вызывался, метод который срабатывает при клике по фильтру(в нем изменяется - пушится query параметр) и следом в этом watcher запрашиваю сами продукты.  
 Получается, следующее захожу на старницу фильтры пусты, жму на фильтр появляестя параметр, это провоцирует изменение урла, срабатывает вотчер, вызывается опять тот же метод где формируется квери параметр(уже из урла) и далее запрашиваются продукты(по итогу я получаю 2 запроса, одинаковых). Не соображу как это решить, может кто подскажет?
Вотчеры вообще опасное дело. Они могут срабатывать в неожиданных ситуациях. Если проект большой и сложный можешь просто за всеми кейсами не уследить. Лучше по максимуму сократить их использование
источник

DP

Dmitry Petrik in Nuxt.js — русскоговорящее сообщество
Лепил их раньше особо не задумываясь. Сейчас трижды подумаю как без вотчера обойтись
источник

MU

Mazino U in Nuxt.js — русскоговорящее сообщество
я конечно не очень шарю, в вопросе, но разве компонент списков и компонент фильтров не должны быть раздельными взаимодействуя через store?
источник

NN

Nikita Ni in Nuxt.js — русскоговорящее сообщество
Mazino U
я конечно не очень шарю, в вопросе, но разве компонент списков и компонент фильтров не должны быть раздельными взаимодействуя через store?
они раздельные компоненты, объедененные в один
источник

NN

Nikita Ni in Nuxt.js — русскоговорящее сообщество
Dmitry Petrik
Вотчеры вообще опасное дело. Они могут срабатывать в неожиданных ситуациях. Если проект большой и сложный можешь просто за всеми кейсами не уследить. Лучше по максимуму сократить их использование
спасибо, изменю на watchQuery , тоже думал что так правильнее будет.  я уже как то справился с проблемой, мне помог при установке query параметра, replace. Т.е при обновлении роута при помощи watch.query я делаю router.replace, а если mounted или же я кликнул по фильтру то router.push.
источник

NN

Nikita Ni in Nuxt.js — русскоговорящее сообщество
А определяю я при помощи дополнительного аргумента в методе который меняет, query
источник

DP

Dmitry Petrik in Nuxt.js — русскоговорящее сообщество
Nikita Ni
спасибо, изменю на watchQuery , тоже думал что так правильнее будет.  я уже как то справился с проблемой, мне помог при установке query параметра, replace. Т.е при обновлении роута при помощи watch.query я делаю router.replace, а если mounted или же я кликнул по фильтру то router.push.
Как по мне так лучше при изменении фильтров эмитить событие и уже в обработчике события обновлять роут и запрашивать список продуктов с учетом фильтра.  Т.е. не стоит завязываться на изменения роута
источник

DP

Dmitry Petrik in Nuxt.js — русскоговорящее сообщество
У меня похожая схема. Просто фильтры могут быть еще в разных местах изменены. Вообще эмитю событие в $root и уже центролизованно обрабатываю все изменения в фильтре
источник

NN

Nikita Ni in Nuxt.js — русскоговорящее сообщество
Dmitry Petrik
Как по мне так лучше при изменении фильтров эмитить событие и уже в обработчике события обновлять роут и запрашивать список продуктов с учетом фильтра.  Т.е. не стоит завязываться на изменения роута
У меня так и происходит, в целом вотчер я добавил для того что бы , когда ходишь стрелками вперед назад вызывалось событие, почти то же самое что и при клике по фильтру. За исключением того, что query формируется из урла
источник

NN

Nikita Ni in Nuxt.js — русскоговорящее сообщество
Спасибо за помощь)Вариант с root это получается, ты из страницы(родителя) вызываешь событие дочернего компонента?
источник

DP

Dmitry Petrik in Nuxt.js — русскоговорящее сообщество
Nikita Ni
Спасибо за помощь)Вариант с root это получается, ты из страницы(родителя) вызываешь событие дочернего компонента?
Я просто кидаю туда событие, не важно дочерний или родитель. В любом месте проекта подписываюсь на него и все. Это событие можно будет поймать откуда угодно
источник

NN

Nikita Ni in Nuxt.js — русскоговорящее сообщество
Интересно, надо будет поразбираться почитать)сейчас ничего, не скажу, у меня так учебный проект, время от времени возвращаюсь попиливаю, как слепой котёнок учусь)
источник