自学内容网 自学内容网

Vue2 中判断某个属性是否是响应式数据

不难发现,vue2 中没有像 vue3 中提供了相关 api 可以判断某个属性是否是响应式,比如 isRef()、isReactive()

那么在 vue2 中,自己可以封装个工具类如上代码,可以判断出某个对象中的某个属性,是否是响应式数据

比如,初始化时一个对象 obj: { a: 1},那么 a 就是响应式对象

当我手动不使用 $set 添加一个属性时比如,this.obj.b = 2,那么这时 b 就不是响应式数据

所以通过 isReactive(this.obj, b) ====> false,就可以判断出,当前这个属性不是响应式数据

此方法对我们项目中排错的时候,比如什么原因导致什么元素没有显示,我们首先可以尝试一下查看是否是响应式数据丢失导致的



 


原文地址:https://blog.csdn.net/PY20240909/article/details/142639782

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!