解决Vue中 父子传值 数据丢失问题
更新时间：2019年08月27日 10:52:37 作者：射手座男人
这篇文章主要介绍了解决Vue中 父子传值 数据丢失问题,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
在Vue中，父子组件传值，子组件通过props接收父组件传递的数据
父组件
questionList :传递数据参数
questionsLists: 传递数据源
子组件
porps 接收父组件方式有俩中，一种是通过对象形式，一种是通过数组形式，通过数组形式接收多个数据时用逗号隔开即可。比如：props：['a','b']。
需要注意的是在子组件中 接收父组件的数据参数，必须和父组件传递时的 参数一致，上图中的 questionList
这种情况下会出现这么一个情况，刷新页面之后子组件接收的父组件数据会丢失，我们可以在watch里面去监听一下数据的变化。
重新对数据进行想要的处理，之后就会发现 怎么刷新都没有问题了，数据都不会丢失。
-------------------------------分割线----------------------------------------
在这个过程中发现，在子组件的实例中 是有数据的，但是重新赋值给一个新对象，新对象的值永远是为空的。这个还没有清楚是怎么回事。有了解的 可以告知一下呀😋
总结
以上所述是小编给大家介绍的解决Vue中 父子传值 数据丢失问题,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
相关文章
这篇文章主要为大家介绍了vue中destroyed方法及使用示例讲解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
这里分享一个常用的价格格式化的一个方法，在电商的价格处理中非常的实用，具体实现代码大家参考下本文2017-05-05
这篇文章主要为大家详细介绍了vue实现简单的轮播图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了Vue中watchEffect的追踪逻辑,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-04-04
这篇文章主要为大家详细介绍了如何通过使用 Vue 3 的 Composition API 创建一个强大而灵活的自定义 Hook,简化了在 localStorage 或 sessionStorage 中管理数据的流程,需要的可以参考下2023-12-12
Vue.js 2.0和Cordova开发webApp环境搭建方法
下面小编就为大家分享一篇Vue.js 2.0和Cordova开发webApp环境搭建方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
cordova+vue+webapp使用html5获取地理位置的方法
这篇文章主要介绍了2019-07-07
在本文中,我们详细讲解了Vue路由的使用方法,我们首先安装了Vue Router,然后创建了一个Vue Router实例,并配置了路由,感兴趣的朋友一起看看吧2023-11-11
这篇文章主要介绍了vue 实现element-ui中的加载中状态，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要为大家详细介绍了vue实现左右点击滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
最新评论