VUE中同级页面传参的方式

使用params和query进行动态传参

name是指路由中配置的name

path也是如此

1.使用name+params实现传参 

this.$router.push({name:"menuLink",params:{alert:"页面跳转成功"}})

<p>提示：{{this.$route.params.alert}}</p>

2.使用path+query实现传参 

//传值
this.$router.push({path:"/menLink",query:{alert:"页面跳转成功"}})
 
//用query获取值
<p>提示：{{this.$route.query.alert}}</p>

 两种方式的区别是query传参的参数会带在url后边展示在地址栏，params传参的参数不会展示到地址栏。需要注意的是接收参数的时候是route而不是router。两种方式一一对应，名字不能混用

 

 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。