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)

相关推荐

  • 含卧字的成语典故,卧字的成语典故是什么主人公是

    技术含卧字的成语典故,卧字的成语典故是什么主人公是典故含卧字的成语典故:春秋时期,吴越两邻国,经常打仗,有次吴王领兵攻打越国,被越王勾践的大将砍中了右脚,最后伤重而亡。吴王死后,他的儿子夫差继位。三年以后,夫差带兵前去攻

    生活 2021年10月29日
  • 生成JSON元数据对象的示例分析

    技术生成JSON元数据对象的示例分析生成JSON元数据对象的示例分析,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。数据验证是生成 JSON应用程序中最富

    攻略 2021年11月25日
  • monkey软件如何使用(monkey工具使用方法)

    技术Monkey工具怎么用这篇文章给大家介绍Monkey工具怎么用,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。 今天我来讲一下最近上手的一款工具———monkey。Api网站上是

    攻略 2021年12月24日
  • C# 反射

    技术C# 反射 C# 反射1、反射获取程序集的三种方式Assembly.Load();//这种方式只需提供程序集的名称
    Assembly.LoadFile(path);//这种方式需要提供程序集完整的路

    礼包 2021年12月14日
  • 如何解决异步log4j2中的位置信息打印问题

    技术异步log4j2中的location信息打印问题怎么解决异步log4j2中的location信息打印问题怎么解决,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习

    攻略 2021年12月23日
  • spring security 授权方式(自定义)及源码跟踪

    技术spring security 授权方式(自定义)及源码跟踪 spring security 授权方式(自定义)及源码跟踪spring security 授权方式(自定义)及源码跟踪
    ? 这节我们

    礼包 2021年12月3日