сингл пейдж поста
у меня есть Фетч Асинхронный он делает запрос на бекенд и полученый результат кладет в СТОР
У меня есть
computed : {
post() {
return this.$store.state.post
}
},
Проблема в том что когда я захожу на страницу по прямой урле все работает хорошо и я без проблем могу распарсить данные
Если захожу с другой страницы через Накст-Линк
То на первом же узле например post.title он выводит ошибку title не определен
Впринципе я бы мог забить и выполнить проверку v-if=(post.title != undefined)
но там столько узлов что это будет очень долго)))
В чем моя ошибка? Я так понимаю что вью начинает отрисововать DOM в то время пока в Сторе еще ничего нет
нужно либо делать asyncData и тогда переход на роут будет происходить только после загрузки данных, либо делать компонент-skeleton и отображать его до момента загрузки
В первом случае у тебя данные загружаются на сервере и к моменту отрисовки они уже есть в сторе, при клиентской навигации fetch, соответственно, загружает их на клиенте. И приложуха пытается их отрисовать, не получив предварительно
Хорошо, что можно предпринять?
Ну вот человек тебе написал, что делать)
Обсуждают сегодня