vue $set()使用

受现代 JavaScript 的限制,Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时对属性执行 getter/setter 转化过程,所以属性必须在 data 对象上才能让 Vue.js 转换它,才能让它是响应的。

Vue不允许在已经创建的实例上动态添加根级响应式属性(root-level reactive property)。

可以使用:

  Vue.set(object, key, value)方法将响应属性添加到嵌套的对象上:

  eg:  Vue.set(vm.someobject,  'b', 2)

  eg:  this.$set(this.someObject, 'b', 2)

  vm.$set 实例方法,这是全局Vue.set 方法的别名

原文地址:https://www.cnblogs.com/feng3037/p/9838031.html