v-model 绑定对象不实时更新 原因和解决方案

技术v-model 绑定对象不实时更新 原因和解决方案 v-model 绑定对象不实时更新 原因和解决方案今天遇到这样一个问题动态的向一个被绑定的对象中添加属性。Vue 无法检测 property

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

(0)

相关推荐

  • oracle中ora00372和ora01110数据文件不能写报错怎么办

    技术oracle中ora00372和ora01110数据文件不能写报错怎么办这篇文章主要介绍oracle中ora00372和ora01110数据文件不能写报错怎么办,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴

    攻略 2021年11月20日
  • DM7 RAC数据库怎样恢复成单机数据库

    技术DM7 RAC数据库怎样恢复成单机数据库本篇文章为大家展示了DM7 RAC数据库怎样恢复成单机数据库,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。DM7 RAC数据库恢复成单

    攻略 2021年11月30日
  • 怎么理解docker zookeeper

    技术怎么理解docker zookeeper怎么理解docker zookeeper,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。docke

    攻略 2021年11月12日
  • 数学什么叫因数,小学数学什么是倍数,什么是因数

    技术数学什么叫因数,小学数学什么是倍数,什么是因数①一个整数能够被另一整数整除数学什么叫因数,这个整数就是另一整数的倍数。如15能够被3或5整除,因此15是3的倍数,也是5的倍数。②一个数除以另一数所得的商。如a÷b=c

    生活 2021年10月23日
  • mybatis-plus拦截器敏感字段加解密的实现方法是什么

    技术mybatis-plus拦截器敏感字段加解密的实现方法是什么本篇内容主要讲解“mybatis-plus拦截器敏感字段加解密的实现方法是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编

    攻略 2021年11月9日
  • 记录ABAP开发的日常——SmartForms模板固定N行显示

    技术记录ABAP开发的日常——SmartForms模板固定N行显示 记录ABAP开发的日常——SmartForms模板固定N行显示前言:这里面介绍一下SmartForms里面使用Template的情况下

    礼包 2021年12月20日