Question

我使用I路由器在组件之间进行路由并且我使用子路由在页面中进行路由，但是我丢失了我在父

中传递的参数

这是我的路由器定义：

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/management', name: 'Management', component: Management,
      children: [
        {
          path: '/managementFlow/:confType',
          component: ManagementFlow,
          children: [
            {
              path: '/listConfiguration/:type',
              component: ListConfiguration,
              props: true
            },
            {
              path: '/bulkConfiguration/:type',
              component: BulkConfiguration,
              props: true
            },
          ],
          props: true,
        },
      ]
    },
  ],
})

当我与父母一起使用时 - ：“/ managementFlow / myConfType”我得到了confType。我在道具中得到了值：[“confType”]，

但是当我将父母路由到孩子时，我丢失了param confType

pathForRouting = `/listConfiguration/${this.type}`;
this.$router.push({
        path: pathForRouting
      });

我只在孩子身上得到了一个参数：道具：[“类型”]，

Answer 1

使用名称约定，以避免在路由结尾为“ /”时出现问题：

this.$router.push({name: pathForRouting})

路由器应如下所示：

 path: 'something',
 name: 'pathForRouting',
 component: PublicIndex

路由到子节点时，Vue-路由器视图丢失了参数

1 个答案: