如何做到，同组件同地址，但是传入参数的不同，结果生成不同的路由

Question

需求：类似一个工厂，每次输入完序号，就生成一个新的路由，和之前生成的旧路由，不会互相覆盖

Answer 1

// 初始路由
[
  {
    path: '/a/1',
    name: 'a1',
    component: () => import('@/views/a')
  }
]

// 需要添加的路由，我这里是示例
for (let index = 2; index < 5; index++) {
  const newRoutes = [
    {
      path: `/a/${index}`,
      name: `a${index}`,
      component: () => import('@/views/a')
    }
  ]
  this.$router.addRoutes(newRoutes)
}

// 以上情况能折中解决你的问题。但是参数需要截取当前路由的url来获取。或者通过query参数来实现