嵌套路由中实现动态路由地址,点击一个按钮跳转到同一个路由组件,但是根据ID出现不同的数据,路由地址的后缀类似变量的ID

clipboard.png

clipboard.png

跳转到/demo2/changeuser/:user.id,页面是同一个/demo2/changeuser,其中后缀user.id是数据生成的,比如是1、2、3相应路由地址到/demo2/changeuser/1或者/demo2/changeuser/2,这样的动态路由地址,根据user.id的不同,页面出现不同的绑定数据
clipboard.png

clipboard.png如果是user.id //1,输入框的数据就是userliat相应的第一条数据,
如果是user.id //2,相应的变化

clipboard.png

阅读 2.6k
1 个回答

{

path: '/home/',
name: 'home',
redirect: '/home/article',
component: resolve => require(['./components/Home/index'], resolve),
children: [
  {
    path: 'article/:id',
    name: 'articleDetaile',
    component: resolve => require(['./components/Detaile/index'], resolve)
  },
  {
    path: 'article',
    name: 'articleList',
    component: resolve => require(['./components/Home/HomeBody'], resolve)
  }
]

}

你可以这样嵌套路由,发现是path写的有问题

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