手机版

解决Vue父子数据丢失问题

时间:2021-08-20 来源:互联网 编辑:宝哥软件园 浏览:

在Vue中,父组件和子组件传递值,子组件通过道具接收父组件传递的数据

父组件

问题列表:传递数据参数

问题列表:传递数据源

子组件

porps接收父组件有两种方式,一种是对象的形式,另一种是数组的形式。当以数组的形式接收多个数据时,它们可以用逗号分隔。比如:道具:['a ',' b']。

需要注意的是,在子组件中接收父组件的数据参数必须与父组件传递的参数一致,如上图中的questionList

在这种情况下,会出现子组件接收到的父组件数据在刷新页面后丢失的情况,因此我们可以监控watch中的数据变化。

根据需要重新处理数据,然后你会发现刷新数据没有问题,数据也不会丢失。

分界线。

在这个过程中,发现子组件的实例中有数据,但是当它被重新分配给新对象时,新对象的值将始终为空。目前还不清楚发生了什么。如果你知道什么,你可以告诉我。

摘要

以上就是边肖介绍的Vue中父子数据丢失问题的解决方案。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!

版权声明:解决Vue父子数据丢失问题是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。