使用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来指定页面。