vue使用query传参,刷新页面数据丢失

使用params路由传参的时候数据会丢失,所以选择了query,但是刷新页面的时候报错 [object,object]
记录:

component:  demo1
let data={id:1;name:"张三"}
 this.$router.push({path:'/demo2',query:{data:data}}) 

component2:  demo2
let tableData=this.$route.query.data

刷新页面打印 tableData报错

解决办法如下:

component:  demo1
 this.$router.push({path:'/demo2',query:{data:JSON.stringify(data)}}) 

component2:  demo2
let tableData=this.$route.query.data
this.tableList=JSON.parse(tableData)