Vue - 路由传一个Object参数,刷新页面后数据变成“[Object Object]“ 解决方案

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue - 路由传一个Object参数,刷新页面后数据变成“[Object Object]“ 解决方案相关的知识,希望对你有一定的参考价值。

参考技术A 原文链接:https://blog.csdn.net/Jie_1997/article/details/109100193

路由传一个Object参数,刷新页面后数据变成"[Object Object]" 解决方案

解决方案:  使用 JSON 转译

传参:JSON.stringify()

letvideoObj=JSON.stringify(obj);this.$router.push(name:"playVideo",params:video:videoObj,);

接收参数:JSON.parse()

this.video=JSON.parse(this.$route.params.video);console.log(this.video)

以上是关于Vue - 路由传一个Object参数,刷新页面后数据变成“[Object Object]“ 解决方案的主要内容,如果未能解决你的问题,请参考以下文章

vue路由传参当刷新页面时,参数变成“[object Object]”

vue路由传参及解决vue路由传参页面刷新参数丢失问题

vue通过路由传值及在页面刷新后如何保存值

Vue路由传参及传参后刷新导致参数消失处理

vue路由传参页面刷新参数丢失问题解决方案

vue 传参数据丢失或者“[object Object]”