Blazor Server中Blazorise Select控件双向绑定报类型转换错误

这个错误的核心原因是Blazorise的多选Select组件双向绑定期望的是EventCallback<IReadOnlyList<string>>类型，但你的模型属性是List<string>，两者泛型类型不兼容，导致无法直接转换。

下面是两种简单可行的解决方法：

方法一：修改模型属性类型为IReadOnlyList #

直接把模型里的Departments属性类型改成IReadOnlyList<string>，初始化时依然可以用List<string>实例化，不影响业务逻辑：

public class UserModel
{
    [Required]
    public string RepresentativeName { get; set; }

    public IReadOnlyList<string> Departments { get; set; } = new List<string>();
}

修改后直接使用双向绑定@bind-SelectedValues="@Model.Departments"即可正常编译，因为IReadOnlyList<string>是组件期望的类型，和组件的回调参数完全匹配。

方法二：手动处理绑定（保留原模型类型） #

如果不想修改模型的属性类型，可以拆分双向绑定，手动处理选中值的变化事件：

1. 在Razor组件里，用SelectedValues绑定当前值，用SelectedValuesChanged处理变化：

<Select TValue="string" 
        Multiple 
        SelectedValues="@Model.Departments"
        SelectedValuesChanged="HandleDepartmentsChanged">
    <!-- 这里添加你的Select选项，示例： -->
    <SelectItem Value="Dept1">部门1</SelectItem>
    <SelectItem Value="Dept2">部门2</SelectItem>
</Select>

2. 在代码块里实现回调方法，将组件返回的IReadOnlyList<string>转换为List<string>赋值给模型：

private void HandleDepartmentsChanged(IReadOnlyList<string> selectedDepartments)
{
    Model.Departments = selectedDepartments.ToList();
}

这种方式绕开了类型转换问题，同时保留了原模型的属性类型。

补充说明 #

EventCallback<T>并不支持泛型协变，所以即使List<string>实现了IReadOnlyList<string>，也无法直接将EventCallback<List<string>>转换为EventCallback<IReadOnlyList<string>>，这就是编译报错的根本原因。

内容的提问来源于stack exchange，提问作者mnu-nasir