问题遇到的现象和发生背景
传递了一个对象值
在刷新前没有任何问题，当刷新后提示
数据丢失并且接收的数据类型变成array？
使用watch尝试监听发现是空数组
请问原因是为什么，有什么好的解决办法能让刷新后值不丢失并且值类型不报错？
Vue接收父组件刷新后丢失？Vue提示接收的数据与发送的不符？
数据丢失并且接收的数据类型变成array？
使用watch尝试监听发现是空数组
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
- 2023-04-14 15:51weixin_43724250的博客 2 、把数据包一层 ：键值对模式，let data3 = reactive({ data: { c: 1 } })...开发时遇到，vue3复杂数据时候，发现父组件数据使用reactive，向子组件传参，页面反复刷新数据会丢失响应。后发现查找后找到的解决方法。
- 2020-10-14 22:33本篇文章将详细介绍如何解决Vue刷新页面后丢失store数据的问题。 首先，我们需要理解，当浏览器刷新页面时，JavaScript运行环境会被重置，包括Vue实例和Vuex store。为了在刷新后恢复store的状态，我们可以利用...
- 2023-11-29 09:59m0_49471668的博客 【代码】vue项目，使用query传参，页面刷新后数据丢失（接收参数后，页面刷新数据丢失）
- 2022-04-29 20:16花开不识君的博客 Vue prop 传递对象到子组件刷新页面数据消失 父组件向子组件传递了一个对象，当页面我们直接刷新页面时发现子组件接收到的这个对象总的属性不见了。 父组件 <ArticlePublishForm :content="content" :article...
- 2021-12-06 11:29王清欢Randy的博客 开发中遇到需要父组件向子组件传值的情景，笔者使用 Vue 官方文档提供的 通过 Prop 向子组件传递数据 的方法实现父组件向子组件的传值。但是在我的实例中，使用该方法传值，最终子组件获取到的数据为空值。 为了找到...
- 2023-02-08 22:50北城笑笑的博客 ⭐在实际应用中，我们在使用query传递参数时，跳转之后，在新的页面对这个参数进行接收，但是在其页面使用时，刷新页面后数据会丢失，第一次跳转时数据是正常显示的，但第二次刷新页面数据会变为[object object]，...
- 2022-03-21 23:06一染星辰的博客 1.自我介绍 2分钟，200-300个字，主旨自己基本情况，工作经历，优点，兴趣爱好，职业规划，邀约 2.vue面试题 ...3.描述vue组件声明周期mm 单组件声明周期图 挂载： beforeCreate => created =
- 2025-07-19 14:03前端布洛芬的博客 在Vue中实现“隐形刷新”，就像医生给病人做手术，既要解决问题，又要尽量减少创伤。核心就是抓住Vue数据驱动的特点，通过不同的方式让页面状态回到初始状态，同时不影响用户的操作体验。优先考虑状态重置：能通过...
- 2025-03-21 12:04weixin_52041354的博客 要求：免费,开源,技术支持技术：百度webuploader，分块，切片，断点续传，秒传，MD5验证，纯JS实现，支持第三方软件集成前端：vue2,vue3,vue-cli,html5,webuploader后端：asp.net,.net mvc,.net core,asp,jsp,java,...
- 2025-07-07 17:17爱尚丽明的博客 本文总结了Vue组件间通信的8种方式：1）父子组件通过props/emit单向传参；2）v-model实现父子双向绑定；3）refs访问子组件实例；4）provide/inject跨层级传参；5）Pinia/Vuex管理全局状态；6）mitt事件总线实现任意...
- 没有解决我的问题, 去提问
问题事件
系统已结题
3月30日
已采纳回答
3月22日-
创建了问题
3月22日