需求展示3级路由,如下:
路由页面如下:
router/index,js
path: '/opportunityMg',
component: Layout,
meta: { title: '商机管理', icon: 'form' },
children: [
{
path: '/highSeas',
name: 'highSeas',
component: () => import('@/views/opportunityMg/highSeas'),
meta: { title: '公海', icon: 'form' },
children: [
{
path: '/cluePool',
name: 'cluePool',
component: () => import('@/views/opportunityMg/highSeas/cluePool'),
meta: { title: '线索池', icon: 'form' }
},
{
path: '/opportunityPool',
name: 'opportunityPool',
component: () => import('@/views/opportunityMg/highSeas/opportunityPool'),
meta: { title: '商机池', icon: 'form' }
},
]
},
]
需要在二级路由新建一个跳转页面,index.vue如图
index.vue
<template>
<div>
<router-view />
</div>
</template>