问题:正常情况下 通过router传参,传递对象或者数组时,F5刷新页面,参数会变成[object object]的格式,导致数据失效
解决方法
1.在路由跳转前,参数使用JSON.stringify 转化成字符串对象
const param = JSON.stringify(e)
this.$router.push({ path: '/PlanInDetail', query: { detail: param } })
2.路由跳转到对应页,获取路由参数时,使用JSON.parse将JSON 字符串转换为对象。
mounted() {
this.$route.query.detail = JSON.parse(this.$route.query.detail)
},