VUE路由传参传对象类型值

直接传肯定是不行的

传值

需要现将对象转为JSON字符串   JSON.stringify(sendData)

然后再把字符串作为 URI 组件进行编码    encodeURIComponent( JSON.stringify(sendData) )

然后正常传值  this.$router.push(

   "/blank?xxx=" + encodeURIComponent( JSON.stringify(sendData) )

)

接值

先函数对 URI 组件进行解码 再转为对象

JSON.parse(decodeURIComponent(this.$route.query.xxx))

 

 

这样就完成了