el-input 从接口获取数据赋值后不能编辑

dataForm: {houseId: undefined}//站房id that.dataForm.houseId = response.data.device.houseId; 这样是不行的编辑不了//原因在于在Vue实例创建时，obj.b并未声明，因此就没有被Vue转换为响应式的属性，自然就不会触发视图的更新，这时就需要使用Vue的全局api $set()：//$set()方法相当于手动的

5335ld

851人浏览 · 2020-12-15 11:03:49

5335ld · 2020-12-15 11:03:49 发布

dataForm: {
          houseId: undefined
        }
//站房id that.dataForm.houseId = response.data.device.houseId; 这样是不行的 编辑不了
          //原因在于在Vue实例创建时，obj.b并未声明，因此就没有被Vue转换为响应式的属性，自然就不会触发视图的更新，这时就需要使用Vue的全局api $set()：

//$set()方法相当于手动的去把obj.b处理成一个响应式的属性，此时视图也会跟着改变了：
          that.$set(that.dataForm, 'houseId', response.data.device.houseId)