在后台管理的开发过程中,导航栏经常会遇到这样的需求,父级路由只是用来展示,没有组件,这样会存在一个问题,就是嵌套的子路由显示不出来,如何解决这个问题我这里记录一下:
export const children = [
// 关于D3.js的使用
{
path:'/annotation',
name:'annotation',
component: {render: (e) => e("router-view")},
meta:{
title:"D3图标类"
},
children:[
{
path:'/chart1',
name:'chart1',
meta:{
title:"柱形图"
},
component:() => import('@/views/annotations/chart1.vue'),
},
{
path:'/chart2',
name:'chart2',
meta:{
title:"圆形图"
},
component:() => import('@/views/annotations/chart2.vue'),
},
]
}
]
在父级路由的component加上{render: (e) => e(“router-view”)}即可显示正常