Моя динамическая страница
<template>
<div>
<component
:is="componentName"
:data="data"
/>
</div>
</template>
<script>
import Card from '@/components/main/pages/Card'
import Post from '@/components/main/pages/Post'
import Tag from '@/components/main/pages/Tag'
export default {
components: {
Card,
Post,
Tag
},
data() {
return {
data: '',
componentName: ''
}
},
async beforeRouteEnter(to, from, next) {
const store = from.matched[0].instances.default.$store
const res = await store.dispatch('data/getData', to.params.slug)
console.log(res);
next(vm => {
vm.data = res.card
vm.componentName = res.category;
})
}
}
</script>
Работает все исправно, отрисовывает тот компонент, который нужен. Но при обновлении самой страницы происходит на сервере такая ошибка -
Cannot read property 'instances' of undefined
Что может быть не так?
Простой
Средний
