MudSelect组件Change事件无法触发问题求助

AI 小北

2026-6-13

解决MudSelect多选时Change事件无法触发的问题

问题原因

你当前的事件绑定方式不符合MudBlazor组件的规范：

@bind-SelectedValues:event用于指定双向绑定的系统事件名，而非自定义方法名
原生@onchange事件不适用于MudBlazor组件，需使用组件自身暴露的SelectedValuesChanged事件

修复后的代码

组件渲染代码

<MudSelect T="string" Label="US States" MultiSelection="true" 
           @bind-SelectedValues="_selectedLevels" 
           SelectedValuesChanged="OnLevelChange">

@foreach (var level in levels)
{
    <MudSelectItem T="string" Value="@level.Value">@level.Text</MudSelectItem>
}
</MudSelect>

后台逻辑代码（无需修改）

private IEnumerable<string> _selectedLevels = new List<string> { "Error", "Warn" };
private async Task OnLevelChange(IEnumerable<string> selectedLevels)
{        
    await loggrid.ReloadServerData();
}