最常用的方式A页面跳转到B页面,传递参数(id和code)
A页面触发跳转事件
this.$router.push({
name: "ProInsur",//ProInsur路由的name值
params: {
id: xxx,
Code:xxx
}
});
B页面接收参数
id:this.$route.params.id,
code: this.$route.params.Code
通过query和params的区别:
用法上:
query 要用 path 来引入,params 要用 name 来引入,接收参数都是类似的,分别是this.
r
o
u
t
e
.
q
u
e
r
y
.
i
d
和
t
h
i
s
.
route.query.id 和this.
route.query.id和this.route.params.id。注意接收参数的时候,已经是
r
o
u
t
e
而
不
是
route 而不是
route而不是router 了哦!!
展示上:
query 更加类似于我们 ajax 中 get 传参,params 则类似于 post;即通过query方式在浏览器地址栏中显示参数,通过params则不显示;所以两者不能同时使用