v-model绑定数值正常显示但无法编辑

时间：2020-06-17 19:27:26 收藏：0 阅读：93

原因在于v-model所绑定的数据发生了变化，Vue 不能检测到对象属性的添加或删除，所以需要使用this.$set(object,key,value)进行处理。

例：

    var vm = new Vue({
      data: {
        obj: {
          name:‘gionlee‘
        }
      }
    })
    vm.obj.name = ‘gionlee1‘ // name 是响应的
    vm.obj.age = 18  // age 是非响应的
    Vue.set(vm.obj, ‘sex‘, ‘男‘) // 响应的
    this.$set(vm.obj, ‘tel‘, ‘123456‘) // 响应的

打印结果如下：

技术分享图片

原文：https://www.cnblogs.com/gionlee/p/13153964.html