Как решить проблему mounted hook vue?

Question

[Denioo]

Здравствуйте, как можно решить пробему mounted хука:

vue.esm.js?a026:628 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'cars' of null"

Дело в том что при обновлении страницы в одном из компонентов где используется mounted возникает такая проблема. Данные в стор не успели еще загрузиться с сервера, а в этом компоненте используется mounted хук в котором происходит действия со стором. Как можно это решить? Проверка на null или пустой массив в хуке не помогает.

Answer 1

[Антон Антон]

Показывать вместо "основного компонента" компонент заглушку, пока все не прогрузится.

Comments

[Denioo]

ошибка не в template падает а в хуке mounted, в template достаточно проверки на v-if

[Антон Антон]

Denioo, подключайте компонент, в котором в хуке маунтед этот код после того, как все загрузится. До того, как все загрузится, показывайте другой компонент или ничего. C помощью v-if или <component :is="..."/>
А иначе зачем вам стор, если компонент один?