vue项目，使用query传参，页面刷新后数据丢失（接收参数后，页面刷新数据丢失）
·
简述：我们在使用query传递参数时，跳转之后在新的页面对这个参数进行接收，但是在其页面使用时刷新页面后数据会丢失，第一次跳转时数据是正常显示的，但第二次刷新页面数据会变为[object object]，针对此问题，这里提供一种解决方案。
解决方法：
1、在要跳转的传参页，先将参数转换为字符串；
choseDetails(cur) {
this.$router.push({
name: "dynamicsDetail",
query: { item: JSON.stringify(cur) },
});
},
2、在接收页面，再转换过来；
details: JSON.parse(this.$route.query.item),
//这样转换以后，接收的页面刷新时数据就不会丢失了；
DAMO开发者矩阵，由阿里巴巴达摩院和中国互联网协会联合发起，致力于探讨最前沿的技术趋势与应用成果，搭建高质量的交流与分享平台，推动技术创新与产业应用链接，围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)