关于vue的router中 children中的path不能带 `/`

原创已于 2022-09-27 20:10:13 修改 · 731 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

于 2022-09-27 20:07:15 首次发布

我的Vue学习记录专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个关于前端路由配置的问题，即在定义子路由时路径中不应包含斜杠('/')。通过对比修改前后的路由配置代码，展示了正确的子路由设置方法。

发现了children中的path不能带 /
改前

{
    path: '/root',
    name: 'rootViews',
    component: rootViews,
    children: [
      {
        path: '/drugs',
        name: '药物管理',
        component: drugs,
        children: [
          {
            path: '/main',
            name: '药品信息',
            component: drugs,
          }, {
            path: '/type',
            name: '药品类型信息',
            component: rootViews,
          }, {
            path: '/unit',
            name: '药品规格单位信息',
            component: rootViews,
          }
        ]
     },

改后之后

{
    path: '/root',
    name: 'rootViews',
    component: rootViews,
    children: [
      {
        path: 'drugs',
        name: '药物管理',
        component: drugs,
        children: [
          {
            path: 'main',
            name: '药品信息',
            component: drugs,
          }, {
            path: 'type',
            name: '药品类型信息',
            component: rootViews,
          }, {
            path: 'unit',
            name: '药品规格单位信息',
            component: rootViews,
          }
        ]
      }