Vue 中非父子组件通过路由传参,参数为对象的时候

在Vue中当2个非父子组件需要传递参数的时候,当传递的参数是对象的时候


1:需要传递的界面
路由跳转需要传递参数的界面

var params = JSON.stringify(params);
this.$router.push({name:"A",query:{
    'queryParams':encodeURIComponent(params)
}})

2:需要接受参数对象的界面

let paramsArr = this.$route.query.queryParams;
let params =decodeURIComponent(paramsArr);
let queryparams = JSON.parse(params)

你可能感兴趣的:(vue.js,前端)