vue 页面之间跳转传参
目的:vue各个页面之间的跳转的同时,传递页面之间的参数。
没有废话,直接上代码。
发送参数
// An highlighted block
methods: {
gohello() {
this.$router.push({ path: "/" });
},
goopen() {
var _this = this;
var lpnumber=_this.lpnumber;
var colours=_this.colours;
_this.$router.push({
//跳转的url路径
path: "/openpay",
name: "Openpay",
//跳转需要传递的参数
query: {
lpnumber: lpnumber,
colours: colours
}
});
}
},
收取参数
mounted() {
var _this = this;
//获取路由传参
_this.lpnumber = this.$route.query.lpnumber;
_this.colours = this.$route.query.colours;
console.log(_this.colours);
console.log(_this.lpnumber);
//获取手机号
_this.iphonenum = sessionStorage.getItem("c_mobile");
_this.iphonenum =
_this.iphonenum.substring(0, 3) +
"****" +
_this.iphonenum.substring(7, 11);
},
一气呵成,收工。