elementUI 三级导航页面不跳转

最新推荐文章于 2023-03-19 14:40:05 发布

我真是菜鸟啊

最新推荐文章于 2023-03-19 14:40:05 发布

阅读量645

点赞数

文章标签： elementui vue.js javascript

原文链接：https://www.jianshu.com/p/125f4ab1a6f2

版权

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 感谢大哥 !!!