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)

相关推荐

  • 如何在Java代码中去掉烦人的“!=null”

    技术如何在Java代码中去掉烦人的“!=null”本篇文章给大家分享的是有关如何在Java代码中去掉烦人的“!=null”,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一

    攻略 2021年12月2日
  • 公司仓库数据库服务器死锁过程及解决办法是什么

    技术公司仓库数据库服务器死锁过程及解决办法是什么这篇文章将为大家详细讲解有关公司仓库数据库服务器死锁过程及解决办法是什么,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。死锁

    攻略 2021年12月2日
  • 如何使用php工厂模式

    技术如何使用php工厂模式这篇文章主要介绍“如何使用php工厂模式”,在日常操作中,相信很多人在如何使用php工厂模式问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何使用php工厂模式”

    攻略 2021年10月22日
  • qt 场景视图画地图(qt图片绘制区域得到点坐标)

    技术Qt如何编写地图实现省市区域图这篇文章主要介绍了Qt如何编写地图实现省市区域图,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一、前言省市区域图也可以叫

    攻略 2021年12月20日
  • VB.NET Web Service怎么用

    技术VB.NET Web Service怎么用这篇文章将为大家详细讲解有关VB.NET Web Service怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。一.Web Servi

    攻略 2021年12月1日
  • javascript中数组元素删除方法有哪些

    技术javascript中数组元素删除方法有哪些这篇文章主要讲解了“javascript中数组元素删除方法有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javasc

    攻略 2021年11月20日