this.$router.push用query传参对象时需注意的地方_this.$router.push什么时候不能传query参数

在vue项目中，我们用函数式编程this.$router.push跳转，用query传递一个对象时要把这个对象先转化为字符串，然后在接收的时候要转化为对象，要不然会接收不到参数。要不就把参数分开传递，不要放到对象里。

this.$router.push({
    path: '/liveing',
    query: {
        routeParams: JSON.stringify({ liveUrl: url, flag: 2 })
    }
});
1
2
3
4
5
6

接收：

let routeParams = JSON.parse(this.$route.query.routeParams)
this.currMeetingUrl = routeParams.liveUrl; 
this.obcject = routeParams.flag;
1
2
3

第二种方法：不要套在对象里直接传递

this.$router.push({
    path: '/liveing',
    query: {
        liveUrl: url, 
        flag: 2
    }
});
1
2
3
4
5
6
7

接受：

let liveUrl = this.$route.query.liveUrl;
let flag = this.$route.query.flag;
1
2