vue-router的动态路由设计
需求
点击A页面进入B页面查详情,A页面传id过去
设想
使用vue动态路由实现
实现步骤
A页面跳转函数,传id过去给B页面
handleToDetail(id){
this.$router.push({name:'detail',params:{id: id}})
}
B页面路由设置
{
name:'detail',
path:'/detail/:id',
component: Detail,
},
最后B页面的路由就是/detail/id
A页面的params的key值传的是什么,路由里面的:后面跟的就是什么