Vue 页面跳转传值/取值

方法一：

运用JS方法传递，this.$router.push({name:'测试页面',params:{'属性名':'属性值'}});

这里的name 是要传递到某个页面上的页面名称。

方法二：

运用vue的属性方法传递，:to="{name:'测试页面',params:{''属性名:'属性值'}}" （name同上）

注：使用 :to 传值，需要在URL中配置相应的属性名，如 '测试页面'的 path 为

/test ，需要变为 /test/:属性名 ，若传递多个属性，则在后面添加即可 如 /test/:属性名1 :属性名2 :属性名3

目标页面上取值：

'测试页面' 上的JS方法取值，this.$router.params.属性名  ，即可获取到相对于的属性值。

具体使用哪一种传值方法，根据需要，但取值的方法是统一的。