Salesforce LWC主明细查找字段报错及新增行检索异常

核心原因：字段名大小写不一致 + 新增行数据初始化问题 #

Salesforce的API字段名区分大小写，JS对象属性名也严格区分大小写。你遇到的问题本质是现有行数据的字段名（Fund）和新增行初始化的字段名不匹配，导致绑定和组件内部处理出现异常。

具体解决步骤 #

1. 统一所有Expenditure对象的字段名大小写 #

• 现有行的Fund字段是从Salesforce查询返回的标准API名（驼峰格式），所以用value={expenditure.Fund}能正确渲染。
• 新增行初始化时，必须创建包含Fund（驼峰）属性的对象，而不是FUND：

  // 正确的新增行初始化代码
  addRowHandler() {
      const newExpenditure = {
          Fund: null, // 用驼峰的Fund，和现有行保持一致
          // 其他必填字段初始化...
      };
      this.expenditures = [...this.expenditures, newExpenditure];
  }
  

2. 修复查找字段的绑定与事件触发 #

• 确保查找组件的field-name属性和API字段名一致（比如field-name="Fund"），同时正确绑定onchange事件和索引标识：

  <template for:each={expenditures} for:item="expenditure" for:index="index">
      <tr key={expenditure.Id || index}>
          <td>
              <lightning-input-field 
                  field-name="Fund"
                  value={expenditure.Fund}
                  onchange={handleChange}
                  data-index={index}
                  disabled={!!expenditure.Id}> <!-- 已有记录有Id，设置为禁用 -->
              </lightning-input-field>
          </td>
          <!-- 其他字段 -->
      </tr>
  </template>
  

• 检查handleChange方法是否能正确获取索引并更新数据：

  handleChange(event) {
      const index = event.target.dataset.index;
      const fieldValue = event.target.value;
      // 更新对应行的Fund字段
      this.expenditures[index] = {
          ...this.expenditures[index],
          Fund: fieldValue
      };
      // 触发数组更新通知
      this.expenditures = [...this.expenditures];
  }
  

3. 解决Cannot read properties of undefined (reading 'ma')报错 #

这个报错是因为新增行的Fund属性未正确初始化（或绑定了不存在的FUND属性），导致Lightning查找组件内部处理时找不到对应的属性值。统一用驼峰的Fund属性并初始化后，这个错误会自动消失。

4. 调试验证 #

• 在新增行后，打印数组最后一项，确认Fund属性存在：

  console.log('新增行数据:', this.expenditures.at(-1));
  

• 在handleChange方法开头加打印，确认事件是否触发：

  handleChange(event) {
      console.log('Change事件触发:', event.target.name, event.target.value);
      // 后续逻辑
  }
  

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