Size: a a a

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

2020 May 13

A

Almat in Nuxt.js — русскоговорящее сообщество
Вы на каждую итерацию делаете запрос?
источник

SN

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

SN

Sergey N. in Nuxt.js — русскоговорящее сообщество
там всего 3, решили так
источник

A

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

A

Almat in Nuxt.js — русскоговорящее сообщество
не знаю всех тонкости вопроса, но я бы так не делал
источник

SN

Sergey N. in Nuxt.js — русскоговорящее сообщество
ну там нужна группировка по типам, либо бэк грузить сложной выборкой, либо 3 простых запроса
источник

A

Almat in Nuxt.js — русскоговорящее сообщество
так сделайте один запрос на все faq и храните в vuex, дальше уже через getter тяните
источник

SN

Ssap Napier in Nuxt.js — русскоговорящее сообщество
DreaMinder
Так ты Promise.alll сделал?
Да, данные перестали приходить
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
Значит неправильно сделал
источник

SN

Ssap Napier in Nuxt.js — русскоговорящее сообщество
Ssap Napier
Хз, может неправильно заюзал
Это как вариант был)
источник

SN

Ssap Napier in Nuxt.js — русскоговорящее сообщество
А как юзать, прописать его после asyncData(context){
Promise.all(
)},
Убирая первые return?
источник

A

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

A

Almat in Nuxt.js — русскоговорящее сообщество
Ssap Napier
asyncData(context) {
   return context.app.$storyapi.get("cdn/stories/blog/" + context.params.postId, {
       version: "draft"
     }).then(res => {
         return {
           slug: res.data.story.slug
         };
     });
     return context.app.$storyapi.get("cdn/stories", {
         version: "draft",
         starts_with: "blog/"
       }).then(res => {
         return {
           posts: res.data.stories.map(bp => {
             return {
               id: bp.slug
            };
         })
       };
    });
 },
Сделайте эти два запроса отдельными функциями, и верните промис, потом эти промисы Promise.all([promise1, promise2])
источник

SN

Ssap Napier in Nuxt.js — русскоговорящее сообщество
Almat
Сделайте эти два запроса отдельными функциями, и верните промис, потом эти промисы Promise.all([promise1, promise2])
Хмм, интересно, вроде понял, спасибо
источник

D

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

SN

Ssap Napier in Nuxt.js — русскоговорящее сообщество
DreaMinder
и промис ол вернет массив ответов которые нужно засунуть в объект и вернуть из асинкдаты
Звучит сложновато, посмотрим что получится
источник

А

Александр in Nuxt.js — русскоговорящее сообщество
Ssap Napier
Звучит сложновато, посмотрим что получится
вроде ничего сложного
let [res1, res2] = await Promise.all([
 this.$axios.$get('https://reqres.in/api/users?page=1'),
 this.$axios.$get('https://reqres.in/api/users?page=2')
])
источник

АК

Аркадий Кожедуб... in Nuxt.js — русскоговорящее сообщество
Как заставить nuxt js отрендерить адекватно поле из data?

Суть проблемы:
1. Создаю на странице в data поле studentCode с произвольным значением.
2. На этой же странице есть компонент с v-model="studentCode".
3. Внутри компонента происходит в методе created некоторое изменение значения поступаемого в value и дальнейший emit('input', newValue).
4. В родительском компоненте, хоть и происходит изменение поля studentCode, но шаблон почему то не перерисовывается.

Т.е. На сервере в js значение в консоль падает новое, а в html отображается старое.

Как это решить, кто нибудь знает?
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
Аркадий Кожедуб
Как заставить nuxt js отрендерить адекватно поле из data?

Суть проблемы:
1. Создаю на странице в data поле studentCode с произвольным значением.
2. На этой же странице есть компонент с v-model="studentCode".
3. Внутри компонента происходит в методе created некоторое изменение значения поступаемого в value и дальнейший emit('input', newValue).
4. В родительском компоненте, хоть и происходит изменение поля studentCode, но шаблон почему то не перерисовывается.

Т.е. На сервере в js значение в консоль падает новое, а в html отображается старое.

Как это решить, кто нибудь знает?
я думаю у тебе проблема с реактивностью. покажи код
источник

АК

Аркадий Кожедуб... in Nuxt.js — русскоговорящее сообщество
Andrii Kolisnyk-Hut
я думаю у тебе проблема с реактивностью. покажи код
источник