when I this.$router.go ("/") on other pages, it will jump to Index (home page). I think the data of v-header and v-sidebar components in home also have to be refreshed. Home as a root component will only jump in it, and the components in home itself will not be refreshed. Is there any way to refresh it together with the components in home when I return index on other pages? the following is my routing and home template code
. routes: [{
path: "",
component: Home,
children: [{
path: "/",
component: Index,
name: "Index",
},
{
path: "/goods",
component: GoodsRelease,
}
]
}]
home template
<template>
<div>
<v-header></v-header>
<div class="wrapper">
<v-sidebar></v-sidebar>
<div class="content">
<transition name="slide-fade" mode="out-in">
<router-view></router-view>
</transition>
</div>
</div>
</div>
</template>