VUE router 多层,<router-view> 嵌套
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
routes: [
{
path: '/', component: Main,
children: [
{
path: '/help_document',
component: Help_Document,
},
//我的任务-所有工作流
{
path: 'work', component: Work_Main,
children: [
{
path: 'task',
component: Work_MyTask
},
{
path: 'release',
component: Work_MyRelease
}
}
}
]
以上是router的设置! 在Main的vue中有一个 <router-view></router-view> 在Work_Main中 也存在一个 <router-view></router-view>
实际操作: ‘/help_document’ 路径下 第一次跳转 ‘work/release’ (渲染没有问题);
'work/release'跳转到 ‘work/task’ (渲染没有问题);
“work/task” 跳转到 ‘/help_document’ ;以上渲染都没有问题.
但是: 再次从 ‘/help_document’ 路径下 跳转 ‘work/release’,
浏览器地址栏地址显示正确,渲染出来的画面是 ‘work/task’中的样式.
求大神解答?