1

Что происходит с vue-router и vuex при перезагрузке страницы? По какой-то неведомой мне причине, при перезагрузке некоторых страниц происходит что-то странное. Перешли на компонент по ссылке с главной страницы: введите сюда описание изображения

Теперь перезагружаем страницу:

введите сюда описание изображения

Получаем огромное количество ошибок.

Как я понимаю, при перезагрузке сбрасывается состояние хранилища. Но тогда почему не для всего state и почему оно не обновляется?

В общем, итоговый вопрос звучит так: в какой хук подгружать данные, в какой скрипты. Интересен порядок этого.

1
  • Кстати, разобрался с обновлением хранилища. Но ошибки остались, поэтому я думаю проблема в хуках все таки. 19 янв 2019 в 7:22

1 ответ 1

0

В консоли прописано что переменная id undefined, ищите ее в коде и смотрите было ли ей присвоено какое-то значение

3
  • Я разобрался в чем здесь дело. Данные не успевают загружаться до того, как компонент смонтирован, и поэтому при выводе данных возникают такие проблемы. Я вот думаю может какой-то колбэк вызвать при загрузке всех данных? 19 янв 2019 в 8:43
  • Если данные не успевают загружаться, то попробуйте поменять порядок выполнения скриптов в html документе, напомню, что они выполняются последовательно. К скрипту где идет загрузка данных добавьте <script src="..." defer> Аттрибут "defer", говорит странице: "Не продолжать загрузку страницы, пока не загрузится текущий скрипт"
    – Mully
    19 янв 2019 в 9:01
  • спасибо за совет. Вы меня немного не так поняли, потому что я плохо объяснил. Я имел ввиду данные с сервера. Там осуществляется асинхронный запрос на сервер и данные отправляются в хранилище vuex. Сейчас я выяснил, что нужно использовать Promise. 19 янв 2019 в 9:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.