LWC快速操作自定义按钮提交lightning-record-edit-form读取旧值问题

以下是可直接落地的排查和修复步骤：

• 确认表单基础配置正确：lightning-input-field必须嵌套在lightning-record-edit-form内部，field-name属性和你用到的字段API名大小写、拼写完全一致，同时lightning-record-edit-form的record-id属性正确绑定了当前编辑的记录ID，没有出现绑定变量未更新的问题。
• 修正submit方法的入参格式：你当前传入的this.totalFieldList是字段名数组，这种情况下表单会读取自身缓存的控件值提交，如果缓存值未同步就会提交旧值。建议直接构造包含最新字段值的键值对对象传入，示例代码如下：

  const submitFields = {};
  this.totalFieldList.forEach(fieldApiName => {
    // 从对应输入控件取最新值，也可以直接赋值你业务逻辑中更新后的最新值
    const fieldEle = this.template.querySelector(`lightning-input-field[field-name="${fieldApiName}"]`);
    submitFields[fieldApiName] = fieldEle?.value;
  });
  this.template.querySelector('lightning-record-edit-form').submit(submitFields);
  

• 清理表单缓存：如果存在旧值缓存，调用submit前先执行表单重置方法清空缓存：

  const form = this.template.querySelector('lightning-record-edit-form');
  form.reset();
  form.submit(submitFields);
  

• 调整submit执行时机：如果修改字段值和提交逻辑在同一个同步执行栈中，LWC响应式更新还未同步到表单控件，可以将提交逻辑放到异步队列执行：

  // 字段值修改逻辑
  setTimeout(() => {
    const form = this.template.querySelector('lightning-record-edit-form');
    form.submit(submitFields);
  }, 0);
  

内容的提问来源于stack exchange，提问作者RaptorStrike