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

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

阅读 1.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题