this.$router.push用query传参对象时需注意的地方
程序员文章站
2022-07-15 15:37:49
...
在vue项目中,我们用函数式编程this.$router.push跳转,用query传递一个对象时要把这个对象先转化为字符串,然后在接收的时候要转化为对象,要不然会接收不到参数。要不就把参数分开传递,不要放到对象里。
this.$router.push({
path: '/liveing',
query: {
routeParams: JSON.stringify({ liveUrl: url, flag: 2 })
}
});
接收:
let routeParams = JSON.parse(this.$route.query.routeParams)
this.currMeetingUrl = routeParams.liveUrl;
this.obcject = routeParams.flag;
第二种方法:不要套在对象里直接传递
this.$router.push({
path: '/liveing',
query: {
liveUrl: url,
flag: 2
}
});
接受:
let liveUrl = this.$route.query.liveUrl;
let flag = this.$route.query.flag;