vue3的管理系统左侧无限级菜单的路由是127.0.0.1/a/b/c/d?还是127.0.0.1/[唯一路径]？

  • Z时代
  • 2024-02-23
  • 分类：IT

router.js如果path是以斜杠开头的那么无论路由嵌套多少层，都可以127.0.0.1/路由去访问，但是如果不加斜杠，那么无限极菜单的子路由无法用斜杠隔开例如127.0.0.1/a/b/c/d

这是MenuTree.vue文件

    <label v-for="menu in data" :key="menu.name">
      <el-sub-menu :index="menu.path" v-if="menu.children">
        <template #title>
          <el-icon><location /></el-icon>
          <span>{{menu.meta.title}}</span>
        </template>
        <MenuTree :data="menu.children"></MenuTree>
      </el-sub-menu>
      <el-menu-item v-else :key="menu.name" :index="menu.path">
        <span slot="title">{{menu.meta.title}}</span>
      </el-menu-item>
    </label>

这是路由文件

children: [
            {
                path: 'crawler',
                name: 'crawler',
                meta: {
                    title: '爬虫管理', 'icon': '',active: 0,
                },
                children: [
                    {
                        name: 'list',
                        path: 'list',
                        meta: {
                            title: '爬虫列表', 'icon': '',active: 0,
                        },
                        component: () => import('./pages/Crawler.vue')
                    },
                    {
                        path: 'edit',
                        name: 'edit',
                        meta: {
                            title: '爬虫编辑', 'icon': '',active: 0,
                        },
                        component: () => import('./components/HelloWorld.vue')
                    }
                ]
            },

点击菜单的时候
跳转的路由是/list 而不是/admin/list

以上是 vue3的管理系统左侧无限级菜单的路由是127.0.0.1/a/b/c/d?还是127.0.0.1/[唯一路径]？ 的全部内容， 来源链接： utcz.com/p/933445.html

回到顶部