本文共 456 字，大约阅读时间需要 1 分钟。

使用params和query进行动态传参

name是指路由中配置的name

path也是如此

1.使用name+params实现传参 

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

提示：{
  {this.$route.params.alert}}

2.使用path+query实现传参 

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

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

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

转载地址：http://ugpzb.baihongyu.com/