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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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