vue路由传参之使用query传参页面刷新数据丢失问题解析

vue路由传参之使用query传参页面刷新数据丢失问题解析_vue.js_脚本之家

在query传参的时候可能会遇到一个问题：当传递参数为对象时，第一次跳转数据是没问题的，但第二次刷新页面数据会变为[object object]

解决办法：
要跳转的传参页：先将数组转换为字符串。

1 2 3 4 5 6 7

detailFun(row) {       //console.log(JSON.stringify(row))       this.$router.push({         path: '/product',         query: { productDetail: JSON.stringify(row) }       }) },

接收页面：

1 2 3

created() {    this.orderDetail = JSON.parse(this.$route.query.productDetail) }

这样转换一下刷新后数据就不会丢失。