Vue 页面跳转传值/取值
方法一:运用JS方法传递,this.$router.push({name:'测试页面',params:{'属性名':'属性值'}});这里的name 是要传递到某个页面上的页面名称。方法二:运用vue的属性方法传递,:to="{name:'测试页面',params:{''属性名:'属性值'}}" (name同上)注:使用 :to 传值,需要在URL中配置相应的属性名,如 '测试
·
方法一:
运用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.属性名 ,即可获取到相对于的属性值。
具体使用哪一种传值方法,根据需要,但取值的方法是统一的。
更多推荐
已为社区贡献2条内容
所有评论(0)