解决在表格数据行赋值给表单,会出现表单输入框无法输入的情况

1 直接赋值属性的方法

  • 会出现表单输入框无法输入的情况
    解决在表格数据行赋值给表单,会出现表单输入框无法输入的情况_第1张图片
handleFixUpdate(row){
      this.resetForm("formFixUpdate");
      console.log(this.formFixUpdate)
      this.formFixUpdate.repairId = row.repairId
      this.formFixUpdate.itemId = row.itemId
      this.formFixUpdate.repairMan = row.repairMan
      this.openFixUpdate = true
      this.title = "标题"
      }

2 解决办法

2.1 直接把row对象给form表单

this.resetForm("formFixUpdate");
      this.formFixUpdate = {...row}
      this.openFixUpdate = true
      this.title = "设备报修修改"

2.2 直接查询数据,把response.data给表单

const repairId = row.repairId
      getYfItemRepair(repairId).then(response => {
        this.formFixUpdate = response.data;
        this.openFixUpdate = true;
        this.title = "设备报修修改";
      });

你可能感兴趣的:(javascript,开发语言,ecmascript)