1、当导航是三级路由时,三级路由对应的页面不会显示(需要引入中间过渡页面)
在router.js里面配置好相应的路径信息,注意此时在路由文件中要添加中间过渡页面,可以理解为,一级路由和三级路由中的桥梁
中间页面的布局
//simcard.vue
<template>
<router-view></router-view>//这里作为过渡入口
</template>
<script>
export default {
}
</script>
<style>
</style>
router文件信息
{
path: '/',
name: '运维管理',
component: Home,
children: [{
path: '/',
name: '工单管理',
component: () => import('@/views/systemManage/systemManage/simcard.vue'),//引入对应的中间页
children: [{
path: '/mechanicOrder',
component: mechanicOrder,
name: '装机工单',
meta:{
// requireAuth:true,// 添加该字段,表示进入这个路由是需要登录的
}
},
]
},
转载于https://www.jianshu.com/p/125f4ab1a6f2 感谢大哥 !!!