vue.js - vue-router中子路由怎么在其中再次嵌套子路由？

问题描述

问 题

vue-router中可以通过children设置子路由，现在想在这个子路由中再次嵌套子路由，形成三级路由的样子，再次放入children无效？请问有什么方法可以实现？

解决方案

有效的，可以再次嵌套子路由

// 部分代码
{
    path:'/layout',
    component:Layout,
    children:[
        {
            path:'/project',
            component:Project,
            children:[
                {
                    path:'/subproject',
                    name:'SubProject',
                    component:SubProject
                }
            ]
     ]
        
}

效果如下，直接通过/subproject访问

这篇关于vue.js - vue-router中子路由怎么在其中再次嵌套子路由？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！