传参
this.$router.push({
name:"admin",
//这里的params是一个对象,id是属性名,item.id是值(可以从当前组件或者Vue实例上直接取)
params:{id:item.id}
})
接收
const id = this.$route.params.id
console.log('id', id)
用this.$router.push{name: 'login', params: {id: 1}}
传参时有几个注意点:
- 只能用name来跳转,这个name需要我们去router里面配置比如:
//这个组件对应的路由配置
{
//组件路径
path: '/login',
//组件别名
name: 'login', // 一定得有这个name属性才可以实现用params传参
//组件名
component: Login,
}
- 跳转时用的
\$router
,接收的时候用\$route