vue编程式导航params传参踩坑记录

传参

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}}传参时有几个注意点：

1. 只能用name来跳转，这个name需要我们去router里面配置比如：

//这个组件对应的路由配置 
{　　
	//组件路径 
	path: '/login',　　
	//组件别名 
	name: 'login',　// 一定得有这个name属性才可以实现用params传参　
	//组件名 
	component: Login, 
} 

2. 跳转时用的\$router,接收的时候用\$route