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 看你的请求顺序监听效果这样就死循环了一直在变更一直在变更你直接在子
vue3怎么获取props中父组件传递过来的数据？ javascript vue.js 前端
2021-10-10 15:33

回答 1 已采纳 5、Vue3 props - 简书案例父组件：index.vue 子组件 child1.vue
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中分别调用，生成的是两个实例，是没有关联的
Antd vue表格组件支持局部刷新吗？ vue.js 前端
2023-02-17 17:02

回答 3 已采纳那这个其实就是展开的问题了。你需要把编辑前展开行的 row-key 记录下来。更新后，把这个赋值给展开的属性
请问为什么Vue刷新后所有组件都显示出来了（父组件显示出来了）？ bootstrap javascript vue.js
2022-03-21 23:39

回答 3 已采纳可以了解一下父子组件的渲染过程父组件的beforeCreate、created、beforeMount --> 所有子组件的beforeCreate、created、beforeMount --
vue组件刷新后父组件传到子组件的数据（通过axios异步请求的数据）消失
2022-05-23 23:21

W_4ever的博客问题1：通过父组件传过来的值如果层级过深，子组件获取不到，值为空。父组件子组件解决方案：在子组件添加v-if判断flag是否等于true 默认为false，让异步请求全部完毕之后在展示组件就不会报错了 ...
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 组件与父页面间数据同步
2022-03-11 10:20

松鼠的一巴掌的博客该描述用于解决直接修改传入的props元素触发的报错。在父页面中，给组件传入了数据。在组件中通过props中接收，并将...传入给子组件的数据更新后，触发监听将当前值赋予data中的元素，使现实的结果为传入值。 ...
Vue prop 传递对象到子组件刷新页面数据消失
2022-04-29 20:16

花开不识君的博客 Vue prop 传递对象到子组件刷新页面数据消失父组件向子组件传递了一个对象，当页面我们直接刷新页面时发现子组件接收到的这个对象总的属性不见了。父组件 <ArticlePublishForm :content="content" :article...
没有解决我的问题, 去提问