问题:
在编辑操作中,把数据回显完之后,输入框实现了数据回显,但是不能删除修改输入框的值。
原因:
在vue实例创建时,obj.b并未声明,因此就没有被vue转换为响应式属性,从而不会触发视图的更新。
解决方法:
此时需要使用vue的全局api $set():
$set()方法相当于手动的把obj.b处理成为一个响应式的属性,此时视图也会跟着改变了
updateMaterialForm() {
this.$set(this.materialForm, 'code', this.materialList.code);
this.$set(this.materialForm, 'brand', this.materialList.brand);
this.$set(this.materialForm, 'standard', this.materialList.standard);
this.$set(this.materialForm, 'unit', this.materialList.unit);
this.$set(this.materialForm, 'type', this.materialList.type);
},