Доброго времени суток, с толкнулся с такой проблемой, когда обновляю страницу (у которой router -
localhost:8082/info/details/100) getters, который на этой странице больше не возвращает данные и выдает пустой массив.
Хотя тот же самый getters нормально отрабатывает при обновлении по пути -
localhost:8082/info, корректно возвращая массив объектов
Вот немного по коду
info.vue
<template lang="pug">
div
div(v-for="(data,index) in products" :key="index")
div(@click="goComponent(data.productId)") {{data.productTitle}}
</template>
<script>
export default {
name: 'Info',
data() {
return {
},
computed: {
products() {
return return this.$store.getters[CONTACTS]
}
},
methods: {
goComponent(proId){
this.$router.push({ name: 'details', params: { id: proId }})
}
}
}
</script>
router.js
const routes = [
{
path: '/info',
name: 'info',
component: () => import(/* webpackChunkName: "info" */ './views/Info.vue'),
},
{
path: '/info/details/:id',
name: 'details',
component: () => import(/* webpackChunkName: "details" */ './views/Details.vue'),
props: true
},
details.vue
<template lang="pug">
div
div {{contacts}}}
</template>
computed: {
contacts () {
return this.$store.getters[CONTACTS]
}
}
В чем может быть причина, заранее спасибо)
