MudAutocomplete控件在编辑表单中绑定值功能实现求助

MudAutocomplete的预填充逻辑与普通输入控件不同，仅当绑定的Value值能匹配到候选选项集合中的对应项时，才会正常渲染选中值，以下是可直接落地的修复方案：

• 优先保证候选选项集合加载完成后再赋值绑定值
  绝大多数预填充失效都是异步加载时序问题：打开弹窗给Value赋值时，下拉候选选项还未完成加载，控件无法匹配到对应项就会显示空。需要把选项加载逻辑提前到赋值操作之前执行：
  错误写法示例：

  // 时序错误：先赋值再加载选项
  SelectedItem = editRowData;
  AutocompleteOptions = await _service.GetSelectOptionsAsync();
  

  正确写法示例：

  // 时序正确：先加载选项再赋值
  AutocompleteOptions = await _service.GetSelectOptionsAsync();
  SelectedItem = editRowData;
  

• 自定义类作为选项时显式配置相等匹配规则
  如果选项是自定义类对象，控件默认按引用相等判断匹配，会出现属性值完全一致但判定不匹配的问题，需要给控件添加ValueEqualityFunc参数自定义匹配逻辑：

  <MudAutocomplete 
      T="CustomOptionClass"
      @bind-Value="SelectedOption"
      Items="AutocompleteOptions"
      ToStringFunc="@(option => option?.DisplayText)"
      <!-- 新增以下行按业务主键判断相等 -->
      ValueEqualityFunc="@(a, b) => a?.OptionId == b?.OptionId"
  />
  

• 字符串类型绑定值同步绑定Text属性
  若绑定值为字符串类型，可直接把Text和Value绑定到同一个变量，强制控件显示对应文本：

  <MudAutocomplete 
      T="string"
      @bind-Value="SelectedStringValue"
      @bind-Text="SelectedStringValue"
      Items="StringOptionList"
  />
  

• 旧版本兼容方案：手动强制控件刷新
  若使用的MudBlazor版本较低，上述配置完成后仍不生效，可以给控件加引用，赋值后手动触发刷新：

  <!-- 给控件加ref属性 -->
  <MudAutocomplete @ref="_autoCompleteRef" ... />
  

  // 赋值完成后调用强制刷新
  SelectedOption = targetValue;
  await _autoCompleteRef.ForceRender();
  

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