vue路由传递对象数组，打印数据 [object Object] 解决方法

1、router路由传参一般两种方式。一种是query传参，另外一种则是params传参。由于params传参刷新页面，会导致数据丢失。所以采用query传参方式比较多，但当使用query传递对象，数组时，刷新页面会报[object Object]，数据无法使用。

2，下面看一下我们要传的数组格式，只是一个示例仅供参考，一个数组里面包含两个对象

当我们按照路由传参传过来时，第一次打印出来是正常的

 

刷新页面后

 

简单的数组 / 单条数据无影响，数组对象无法获取，变为[object Object]。

解决方法

this.$router.push({
path: "/reportingPage",
query: {
addData: JSON.stringify(this.selectedList),//转为字符串
medicationAdvice:this.selectedId
}
});

created() {
// 接受传递的参数
console.log(JSON.parse(this.$route.query.addData),this.$route.query.medicationAdvice);对象
},

就可以了
————————————————

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

原文链接：https://blog.csdn.net/Cool_so_cool/article/details/131663733