Size: a a a

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

2020 December 04

ВШ

Виталий Шутов... in Nuxt.js — русскоговорящее сообщество
Мы еще и запросы проекте в отдельные файлы выносим, красота. Можно слать запросы прямо из редактора
источник

ВШ

Виталий Шутов... in Nuxt.js — русскоговорящее сообщество
источник

SM

Sergey Mustafin in Nuxt.js — русскоговорящее сообщество
Господа, доброго времени суток, помогите дельным советом

В текущей ситуации, сначала отрабатывает mounted в дочернем компоненте, а только потом на странице.

Как поменять порядок?
Т.е.
1. asyncData
2. передать эти данные в props дочернего компонента
3. вернуть на клиент

Спасибо
источник

GP

Grzegorz `gzhegow` P... in Nuxt.js — русскоговорящее сообщество
привет, можете помочь как правильно преобразовать запись выше в синтаксис для стора, чтобы обновить реактивность?
источник

GP

Grzegorz `gzhegow` P... in Nuxt.js — русскоговорящее сообщество
const mutationAddItem = (state, item, payload) => {
 state.items[ item.id ] = item;

 state.index.country_code[ item.attributes.country_code ] = state.index.country_code[ item.attributes.country_code ] || {};
 
 state.index.country_code[ item.attributes.country_code ][ item.id ] = true;  
};

в такой синтаксис:

  state.index.country_code = {
   ...state.index.country_code,
   [ item.attributes.country_code ]: {
     [ item.id ]: true,
   },
 };

просто в этом случае получится что значение всегда будет одно, а нужно - добавить.
точно так же Vue.set() принимает ключ одного уровня, у меня же два уровня.

есть идея?
источник

GP

Grzegorz `gzhegow` P... in Nuxt.js — русскоговорящее сообщество
или это вот так делать нужно?
  Vue.set( state.index.country_code, countryCode, state.index.country_code[ countryCode ] || {} );
 Vue.set( state.index.country_code[ countryCode ], item.id, true );
источник

W

Wacker in Nuxt.js — русскоговорящее сообщество
Подскажите, сейчас в nuxt есть разница между fetch и asyncData?
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
Wacker
Подскажите, сейчас в nuxt есть разница между fetch и asyncData?
теперь еще есть новый и старый фетч
источник

W

Wacker in Nuxt.js — русскоговорящее сообщество
Андрей Назаров
теперь еще есть новый и старый фетч
)))
источник

W

Wacker in Nuxt.js — русскоговорящее сообщество
а разница?
источник

W

Wacker in Nuxt.js — русскоговорящее сообщество
Подскажите!
источник

W

Wacker in Nuxt.js — русскоговорящее сообщество
)))))))
источник

W

Wacker in Nuxt.js — русскоговорящее сообщество
случайно отправил
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
новый фетч на клиенте работает после mounted, а не в beforeEach
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
вместо старого фетча рекомендуется использовать анонимную мидлвару
источник

W

Wacker in Nuxt.js — русскоговорящее сообщество
Wacker
Подскажите!
Получается стор запоняяется через asyncData()

и вот если я в сторе состояние не указываю а просто !: type указываю тип.

То при переходах иногда знасения стора обновляются, а компоненты не перерисовываются. А иногда все ок.

Но если я с самого начала указываю состояние _lesson как {} объект. То баг пропадает. (вроде бы)
источник

W

Wacker in Nuxt.js — русскоговорящее сообщество
2 недели нее мог решить этот баг, но вроде решил, а может и нет
источник

W

Wacker in Nuxt.js — русскоговорящее сообщество
то есть:
1) первая загрузка страницы - стор заполняется через asyncData
2) ходим по ссылкам
3) приходят новвые данные в стор (экшены прописаны только в asyncData)
4) ловлю баг, что компонентыы не перерисовались
источник

W

Wacker in Nuxt.js — русскоговорящее сообщество
яертовщина
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
Wacker
то есть:
1) первая загрузка страницы - стор заполняется через asyncData
2) ходим по ссылкам
3) приходят новвые данные в стор (экшены прописаны только в asyncData)
4) ловлю баг, что компонентыы не перерисовались
тут без полного просмотра всего кода ничего не скажешь
источник