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)

相关推荐

  • Jupyter Notebook快捷键及使用

    技术Jupyter Notebook快捷键及使用 Jupyter Notebook快捷键及使用一、什么是cellcell:一对In Out会话被视作一个代码单元,称为cell
    cell行号前的 * ,表

    礼包 2021年11月15日
  • 服务器集群容错是什么

    技术服务器集群容错是什么本篇内容主要讲解“服务器集群容错是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“服务器集群容错是什么”吧!集群容错:集群服务调用失败后,服务框架需

    攻略 2021年11月16日
  • k8s搭建手札-kubeadm

    技术k8s搭建手札-kubeadm k8s搭建手札-kubeadm目标:1个master 2个node
    宿主机:3个centos7 parallel 虚拟机
    1. 关闭防火墙、关闭iptables规则、

    礼包 2021年11月15日
  • Python OpenCV与机器学习的碰撞举例分析

    技术Python OpenCV与机器学习的碰撞举例分析本篇内容主要讲解“Python OpenCV与机器学习的碰撞举例分析”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Pyt

    攻略 2021年12月4日
  • 如何将MP3格式的音乐转换成WAV格式

    技术如何将MP3格式的音乐转换成WAV格式这篇文章主要为大家展示了“如何将MP3格式的音乐转换成WAV格式”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何将MP3格式的音乐

    攻略 2021年10月30日
  • Oracle 12c RAC如何安装PSU

    技术Oracle 12c RAC如何安装PSU这篇文章给大家分享的是有关Oracle 12c RAC如何安装PSU的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、准备工作1,数据库环境操作系

    攻略 2021年11月18日