Vue- 路由器视图在路由到 children 时丢失了参数

Question

我使用路由器在组件之间进行路由我使用 children 路由在页面中进行路由，但是我丢失了我在 parent

中传递的参数

这是我的路由器定义：

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,
        },
      ]
    },
  ],
})

当我使用 parent - to:"/managementFlow/myConfType" 我得到了 confType。我得到道具的价值：["confType"],

但是当我在 parent 中路由到 child 时，我丢失了参数 confType

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

我只在 child 中得到参数：道具：["type"],

Answer 1

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

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

路由器应如下所示：

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

Vue- 路由器视图在路由到 children 时丢失了参数

Vue- router view lost the param when routing to the children

vue.js

vue-router