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)

相关推荐

  • Android输入法弹窗bug怎么处理

    技术Android输入法弹窗bug怎么处理小编给大家分享一下Android输入法弹窗bug怎么处理,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!前言最近发现一个bug,在项目中的某个界面,每当弹出输入法

    攻略 2021年10月27日
  • CentOS/RHEL 7上PostgreSQL如何安装配置

    技术CentOS/RHEL 7上PostgreSQL如何安装配置这篇文章主要介绍了CentOS/RHEL 7上PostgreSQL如何安装配置,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获

    攻略 2021年11月15日
  • 春联由来,春联的习俗是如何流传开的

    技术春联由来,春联的习俗是如何流传开的春联二三事实在没有想到春联由来,我家的春联成了他人过目不忘的风景!前年,因为东面邻家华栋殿宇欣喜落成,我家的围墙、地皮被拉裂扯破,主房也受到了一些损伤,被迫重砌围墙、装修房屋,我们的

    生活 2021年10月23日
  • hibernate中出现unknown entry问题怎么办

    技术hibernate中出现unknown entry问题怎么办小编给大家分享一下hibernate中出现unknown entry问题怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这

    攻略 2021年12月8日
  • 爱奇异vip黄金7天试用,爱奇艺黄金VIP卡怎么用啊

    技术爱奇异vip黄金7天试用,爱奇艺黄金VIP卡怎么用啊在用爱奇艺看电视、电影的时候,先登录,点开通会员,用卡开通,再输入卡号和密码就可以了爱奇异vip黄金7天试用。VIP开通方法: 第一步:登录爱奇艺会员中心,使用爱奇

    生活 2021年10月25日
  • 怎么进行-2018-4990漏洞调试的分析

    技术怎么进行-2018-4990漏洞调试的分析这篇文章给大家介绍怎么进行-2018-4990漏洞调试的分析,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。测试环境Windows 7 SP1 x86Ad

    攻略 2021年11月25日