方法一、name + params的方式
传参:
this.$router.push({
name:'anotherPage',
params:{id:1}
});
接收:
this.$route.params.id
由于动态路由也是传递 params 的,所以在 this.$router.push() 方法中 path 不能和 params 一起使用,否则 params 将无效,需要用 name 来指定页面
方法二、path + query的方式
传参:
this.$router.push({
path:'/anotherPage',
query:{id:1}
});
接收:
this.$route.query.id
path 的 query 传参的参数会带在url后边展示在地址栏 /anotherPage?id=1
,name 的 params 传参的参数不会展示到地址栏