Blazor EditForm仅提交按钮可用，其他按钮无响应求助

核心原因 #

对比正常工作的Email模块，Phone按钮无响应的关键问题是**_newAddress.Phones集合未初始化**：

• 点击Add Phone按钮时，_newAddress.Phones.Add()会触发空引用异常，但Blazor同步事件处理中的异常有时不会在控制台显式抛出，导致按钮看似无反应。
• Email功能正常，说明_newAddress.Emails在NewAddress实例中已经被初始化为空集合（比如new List<Email>()）。

修复方案 #

1. 初始化Phones集合

有两种方式确保集合不为null：

• 在NewAddress类中初始化（推荐）：
  修改你的NewAddress模型类，在属性声明时直接初始化集合：

  public class NewAddress
  {
      // 其他属性保持不变
      public List<Email> Emails { get; set; } = new List<Email>();
      public List<Phone> Phones { get; set; } = new List<Phone>();
  }
  

• 在组件中补全初始化：
  如果无法修改模型类，就在组件的OnInitializedAsync方法中确保集合不为空：

  protected override async Task OnInitializedAsync()
  {
      if (!id.IsNullOrEmpty())
      {
          isEdit = true;
          string uri = $"/api/Address/{id}";
          _newAddress = await Http.GetFromJsonAsync<NewAddress>(uri);
          // 处理API返回数据中Phones为null的情况
          _newAddress.Phones ??= new List<Phone>();
          _newAddress.Emails ??= new List<Email>();
      }
      else
      {
          // 新增地址时直接初始化空集合
          _newAddress.Phones = new List<Phone>();
      }
  }
  

2. 简化按钮绑定写法

按钮的@onclick写法不需要多余的@()包裹，统一写成和AddEmail一致的简洁形式即可：

<!-- 替换原有多种写法 -->
<button type="button" @onclick="AddPhone">Add Phone</button>
<button type="button" @onclick="() => RemovePhone(phone)">Remove</button>

验证方法 #

可以在AddPhone方法中添加调试输出，确认方法是否被触发：

private void AddPhone()
{
    Console.WriteLine("AddPhone方法已执行");
    _newAddress.Phones.Add(new Phone("", ""));
}

如果控制台能看到输出，说明方法已正常调用，问题仅在于集合初始化或UI刷新（Blazor会自动跟踪集合变化刷新UI，只要集合不为null）。

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