Size: a a a

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

2020 December 08

AM

Alexey M. in Nuxt.js — русскоговорящее сообщество
Роман Юрлов
Всем привет. Начал смотреть nuxt. Столкнулся со следующим, нужно отправлять запрос в зависимости от query.
И вот это почему-то не работает
// from component methods in script section
export default {
 methods: {
   refresh() {
    this.$fetch()
   }
  }
}

И вот это тоже не работает
export default {
watch: {
  '$route.query': '$fetch'
},
 async fetch() {
  // Called also on query changes
 }
}

$fetch is not a function
А почему fetch?
источник

РЮ

Роман Юрлов... in Nuxt.js — русскоговорящее сообщество
Ну идея была fetch запросить и положить в стор
источник

РЮ

Роман Юрлов... in Nuxt.js — русскоговорящее сообщество
А оттуда уже вытащить
источник

РЮ

Роман Юрлов... in Nuxt.js — русскоговорящее сообщество
Как можно по другому? Или где почитать посмотреть?
источник

AM

Alexey M. in Nuxt.js — русскоговорящее сообщество
Роман Юрлов
Как можно по другому? Или где почитать посмотреть?
Читайте документацию всю от и до: https://nuxtjs.org/docs/2.x/components-glossary/pages-watchquery
источник

РЮ

Роман Юрлов... in Nuxt.js — русскоговорящее сообщество
Спс
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Роман Юрлов
Всем привет. Начал смотреть nuxt. Столкнулся со следующим, нужно отправлять запрос в зависимости от query.
И вот это почему-то не работает
// from component methods in script section
export default {
 methods: {
   refresh() {
    this.$fetch()
   }
  }
}

И вот это тоже не работает
export default {
watch: {
  '$route.query': '$fetch'
},
 async fetch() {
  // Called also on query changes
 }
}

$fetch is not a function
По идее все правильно написано
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Может только в компонентах страниц работает? Проверьте
источник

РЮ

Роман Юрлов... in Nuxt.js — русскоговорящее сообщество
решил этот вопрос с помощью  watchQuery: ['page', 'count'],
то есть суть следующая, есть компонент с пагинацией, при нажатии на номер страницы в query получаю например page: 1 и count: 20. затем выполняется async fetch(), в котором дергаю акшен из стора, ну и ложу результат в стор. Затем геттером их вытаскиваю.
Сейчас запросы все работают, стор обновляется, но вот нет перерендера )))
источник

AM

Alexey M. in Nuxt.js — русскоговорящее сообщество
Роман Юрлов
решил этот вопрос с помощью  watchQuery: ['page', 'count'],
то есть суть следующая, есть компонент с пагинацией, при нажатии на номер страницы в query получаю например page: 1 и count: 20. затем выполняется async fetch(), в котором дергаю акшен из стора, ну и ложу результат в стор. Затем геттером их вытаскиваю.
Сейчас запросы все работают, стор обновляется, но вот нет перерендера )))
Попробуй в рамках компонента делать -   класть не в стор, а в дату
источник

РЮ

Роман Юрлов... in Nuxt.js — русскоговорящее сообщество
ок. попробую.
источник

D

Diamond_skrt in Nuxt.js — русскоговорящее сообщество
Только осваю apollo, graphql. С помощью graphql я могу сортировать массив, задавая параметры, типа: sort: "id:asc".
Теперь мне нужно с помощью клика менять сортировку
источник

D

Diamond_skrt in Nuxt.js — русскоговорящее сообщество
Изначально я задал variables, и по клику менял переменную сортировки, но конечно vue не перерисовывает
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
Роман Юрлов
решил этот вопрос с помощью  watchQuery: ['page', 'count'],
то есть суть следующая, есть компонент с пагинацией, при нажатии на номер страницы в query получаю например page: 1 и count: 20. затем выполняется async fetch(), в котором дергаю акшен из стора, ну и ложу результат в стор. Затем геттером их вытаскиваю.
Сейчас запросы все работают, стор обновляется, но вот нет перерендера )))
А я по другому делаю. Есть компонент пагинации, в нем устанавливается состояние через пропс, а компонент мне эмитит эвенты переходов. Ловлю эти эвенты уже в конкретном компоненте, делаю апдейт стета (через запрос в апи) и меняю для сеошников квери (строку урла)
источник

РЮ

Роман Юрлов... in Nuxt.js — русскоговорящее сообщество
Сергей Рыжков
А я по другому делаю. Есть компонент пагинации, в нем устанавливается состояние через пропс, а компонент мне эмитит эвенты переходов. Ловлю эти эвенты уже в конкретном компоненте, делаю апдейт стета (через запрос в апи) и меняю для сеошников квери (строку урла)
спс. так тоже попробую
источник

GA

Golovachov Anton in Nuxt.js — русскоговорящее сообщество
Виталий Шутов
Компонент и его потом подключил? Ну обычно достаточно перезапустить сборку.
пытаюсь запустить хотя бы один компонент и вот в такую ошибку упираюсь, может знаешь?
источник

GA

Golovachov Anton in Nuxt.js — русскоговорящее сообщество
@alexbearman тагаю)
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
Роман Юрлов
спс. так тоже попробую
Более кошэрно. Только сразу приготовься правильно обработать смену урла (в стандартной рутизации вью это грех - duplicated ...
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
Golovachov Anton
пытаюсь запустить хотя бы один компонент и вот в такую ошибку упираюсь, может знаешь?
А ты импортул зависимость ( uibutton)?
источник

GA

Golovachov Anton in Nuxt.js — русскоговорящее сообщество
Сергей Рыжков
А ты импортул зависимость ( uibutton)?
вот так
источник