Vue接收父组件刷新后丢失？Vue提示接收的数据与发送的不符？

问题遇到的现象和发生背景

传递了一个对象值

在刷新前没有任何问题，当刷新后提示

数据丢失并且接收的数据类型变成array？
使用watch尝试监听发现是空数组

请问原因是为什么，有什么好的解决办法能让刷新后值不丢失并且值类型不报错？

我想要达到的结果

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

3条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
崽崽的谷雨 2022-03-22 13:57
关注
props类型不一致

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决 1
无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(2条)

报告相同问题？

关注问题

Vue接收父组件刷新后丢失？Vue提示接收的数据与发送的不符？ javascript vue.js 前端
2022-03-22 13:23

回答 3 已采纳 props类型不一致
Vue父子组件接收不到或是刷新丢失？ javascript vue.js 前端
2022-03-28 19:12

回答 2 已采纳父子组件的加载顺序父created->子created->子mounted->父mounted 看你的请求顺序监听效果这样就死循环了一直在变更一直在变更你直接在子
Antd vue表格组件支持局部刷新吗？ vue.js 前端
2023-02-17 17:02

回答 3 已采纳那这个其实就是展开的问题了。你需要把编辑前展开行的 row-key 记录下来。更新后，把这个赋值给展开的属性
vue3父组件向子组件传reactive参后，页面刷新子组件数据丢失问题
2023-04-14 15:51

weixin_43724250的博客 2 、把数据包一层：键值对模式，let data3 = reactive({ data: { c: 1 } })...开发时遇到，vue3复杂数据时候，发现父组件数据使用reactive，向子组件传参，页面反复刷新数据会丢失响应。后发现查找后找到的解决方法。
vue3父子组件引入同一个hooks，父组件更新list数据后，子组件模板没有更新？ vue.js
2022-03-30 21:58

回答 3 已采纳你的usetest是一个函数，在home和test中分别调用，生成的是两个实例，是没有关联的
vue3怎么获取props中父组件传递过来的数据？ javascript vue.js 前端
2021-10-10 15:33

回答 1 已采纳 5、Vue3 props - 简书案例父组件：index.vue 子组件 child1.vue
请问为什么Vue刷新后所有组件都显示出来了（父组件显示出来了）？ bootstrap javascript vue.js
2022-03-21 23:39

回答 3 已采纳可以了解一下父子组件的渲染过程父组件的beforeCreate、created、beforeMount --> 所有子组件的beforeCreate、created、beforeMount --
解决vue刷新页面以后丢失store的数据问题
2020-10-14 22:33

本篇文章将详细介绍如何解决Vue刷新页面后丢失store数据的问题。首先，我们需要理解，当浏览器刷新页面时，JavaScript运行环境会被重置，包括Vue实例和Vuex store。为了在刷新后恢复store的状态，我们可以利用...
Vue3子组件怎么既能接收父组件的参数，又能自己改变这个值？ vue.js 前端前端框架
2023-03-02 11:02

回答 5 已采纳在 Vue3 中，子组件可以通过 props 接收来自父组件的参数，同时也可以通过 emit 方法向父组件发送事件来改变这个参数的值。
vue父页面调用多个图表组件，怎么在组件中传值给父页面接收？ javascript vue.js 前端
2022-03-29 11:12

回答 3 已采纳 this.$emit('queryCondition', this.search);this.search 就是你要上传给父组建的数据父组建接收 <aa @queryCondition="
antd-vue怎么在父组件实现对子组件的全选啊？ vue.js 前端前端框架
2023-02-09 10:13

回答 3 已采纳组件通信呗。先父传子 : 父组件的选中状态传到子组件。子组件拿到根据值来判断是否全选。再子传父子组件取消一个选中状态。那么父组件全选自然就也要改变。
vue项目，使用query传参，页面刷新后数据丢失（接收参数后，页面刷新数据丢失）
2023-11-29 09:59

m0_49471668的博客【代码】vue项目，使用query传参，页面刷新后数据丢失（接收参数后，页面刷新数据丢失）
vue父组件调用子组件弹框事件怎么做 javascript vue.js 前端
2022-05-17 16:35

回答 2 已采纳你的需求说的不太明白，我理解的你的需求是：点击子组件内按钮弹出子组件的弹窗。如果是这样的话直接在按钮上绑定click事件弹出弹窗就行。至于父组件向子组件传参，直接子组件上挂载数据，子组件内通过prop
Vue prop 传递对象到子组件刷新页面数据消失
2022-04-29 20:16

花开不识君的博客 Vue prop 传递对象到子组件刷新页面数据消失父组件向子组件传递了一个对象，当页面我们直接刷新页面时发现子组件接收到的这个对象总的属性不见了。父组件 <ArticlePublishForm :content="content" :article...
Vue 父组件通过 prop 传值给子组件但子组件获取的值为空-解决记录
2021-12-06 11:29

王清欢Randy的博客开发中遇到需要父组件向子组件传值的情景，笔者使用 Vue 官方文档提供的通过 Prop 向子组件传递数据的方法实现父组件向子组件的传值。但是在我的实例中，使用该方法传值，最终子组件获取到的数据为空值。为了找到...
没有解决我的问题, 去提问