vue v-model绑定了object属性 没有实时更新

今天遇到一个问题,循环出来的textarea绑定了object中的一个markText(string)值,但是,在textarea中输入后,textarea中没有内容

data中声明,因为是动态的,所以在data中没有写object的具体属性
data:{
  questionMarkMap:{}
}

在mounted中的----原始写法----:
for(let idx=0;idx
解释

由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程,所以属性必须在 data 对象上存在才能让 Vue 实时更新,eg

var vm = new Vue({
  data:{
      obj:{a:1}
  }
})
// `vm.a` 是响应的
vm.b = 2
// `vm.b` 是非响应的

  • 解决方案,使用 Vue.set(object, key, value) ,以下两种方式都可以,我用的是第二个$set
    • Vue.set(vm.obj, 'b', 2)
    • this.$set(this.obj,'b',2)

你可能感兴趣的:(vue v-model绑定了object属性 没有实时更新)