vue route push,vue-router传参

　　本文主要介绍vue如何通过$router.push传递参数，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

如何通过$router.push传参数

　　下面是一个将值从页面A传递到页面B的示例：

　　//一页：

　　这个。$router.push({

　　名称：页面B ，

　　Params: {data:我是要传递的参数 }

　　})

　　//B获取传递值的页面：

　　This.data=this。$ route.params.data//Get上一页的数据

　　代码很简单，一下是需要注意的几点：

　　1.1.this.$router.push()方法中的params可以传递多个参数，例如：

　　//一页

　　这个。$router.push({

　　名称：页面B ，

　　Params: {data1:参数1 ，data2:参数2}

　　})

　　//B页，获取传递的参数。

　　this.data1=this。$route.params.data1

　　this.data2=this。$route.params.data2

　　2.this.$router.push()方法可以传递查询参数，也可以传递一般参数。代码如下：

　　这个。$router.push({path: /pagePath ，query:{ query data: 2 } })；

　　最后的效果是：/pagePath？queryData=2

　　方法一：name跳转页面

　　这个。$ router . push({ name: another page ，params:{ id:1 } })；

　　另一个页面接收以下参数：

　　这个。$route.params.id

　　示例：

　　控制台显示：

　　方法二：path跳转页面

　　这个。$ router . push({ path:/another page ，查询：{ id:1 } })；

　　另一个页面接收以下参数：

　　这个。$route.query.id

　　1.path的查询参数的参数会显示在url (/anotherPage？Id=1)，params参数的名称不会显示在地址栏中。

　　2.因为动态路由也传输参数，所以path不能与此中的参数一起使用。$router.push()方法，否则params无效，需要用name指定页面。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。