问题描述:
点击列表账号详情进入账号详情页面,初次渲染数据正常,刷新当前页后,数据丢失
原因:
路由跳转传参方式不对
解决:
1、在账号列表页进行路由跳转时将数据转换成加密的字符串
this.$router.push({
path: `/这里是路由/${row.userId}`,
query: { value: encodeURIComponent(JSON.stringify(row)) }
})
2、账号详情页面获取数据
created () {
if (this.$route.query.value) {
let obj = JSON.parse(decodeURIComponent(this.$route.query.value))
this.userId = obj.userId
this.userType = obj.userType
}
},