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

逻辑峰

于 2023-11-09 20:00:00 发布

阅读量314

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/weixin_43684214/article/details/134308045

文章讲述了在JavaScript中处理表单时，遇到输入框无法输入的问题，提供了两种解决方案：一是直接将`row`对象赋值给表单，二是通过查询数据获取并填充表单。作者还展示了如何使用`resetForm`和`openFixUpdate`方法来操作表单状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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 = "设备报修修改";
      });