出问题的代码:

{
      path: '/',
      name: 'Home',
      component: Home,
      children: [
        {
          path: 'welcome',
          name: 'welcome',
          meta: {
            name: '主页'
          },
          component: welcome
        },
        {
          path: 'cdmanage',
          name: 'cdmanage',
          meta: {
            name: '课程设计管理'
          },
          children: [
            {
              path: 'importstu',
              name: 'ImportStudent',
              component: ImportStudent,
              meta: {
                name: '导入学生信息'
              }
            }
          ]
        }
      ]
    }

正常的代码:

{
      path: '/',
      name: 'Home',
      component: Home,
      children: [
        {
          path: 'welcome',
          name: 'welcome',
          meta: {
            name: '主页'
          },
          component: welcome
        },
        {
          path: 'cdmanage',
          name: 'cdmanage',
          meta: {
            name: '课程设计管理'
          },
          component: ForRouter,//修改点
          children: [
            {
              path: 'importstu',
              name: 'ImportStudent',
              component: ImportStudent,
              meta: {
                name: '导入学生信息'
              }
            }
          ]
        }
      ]
    }

感觉是页面只能匹配一层路由,如果需要匹配下一级那么需要嵌套<router-view/>,为此,我编写一个组件给了二级路由,不给就不渲染三级路由

<template>
    <router-view/>
</template>

<script>
    export default {
        name: "ForRouter"
    }
</script>

<style scoped>

</style>

 

Logo

前往低代码交流专区

更多推荐