VUE router 多层,<router-view> 嵌套
发布于 7 年前 作者 xumiaojun 3697 次浏览 来自 问答
粉丝福利 : 关注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’中的样式.
   
   求大神解答?
回到顶部