v-model绑定对象不实时更新的原因及解决方案。
今天,我遇到了这样一个问题,我向绑定的对象动态地添加了属性。Vue无法检测属性的添加或移除。由于Vue将在初始化实例时对属性执行getter/setter转换,因此属性必须存在于数据对象上,以便Vue将其转换为响应。例如,在实际应用中,出现了这样的问题:在给对象添加属性后,绑定到对象的组件的内容没有发生变化,必须再次刷新组件,组件的内容才成为变化的内容。
var VM=new Vue({ 0
数据:{
a:1
}
})
//`vm.a '有响应。
vm.b=2
//`vm.b '没有响应。
对于创建的实例,Vue不允许在根级别动态添加响应属性。但是,您可以使用vue。set (object,propertyname,value)方法向嵌套对象添加响应属性。例如,对于:
Vue.set(vm.someObject,' b ',2)
您也可以使用虚拟机。$set实例方法,它是全局Vue.set方法的另一个名称:
这个。$set(this.someObject,' b ',2)
至此,解决了v-model绑定数据不实时更新的问题。
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/62051.html