Blazor组件参数错误：如何实现object类型EventCallback双向绑定？

问题原因 #

你遇到的CS1503错误，是因为Blazor的双向绑定机制会根据绑定变量的具体类型（比如你的Person）自动生成对应泛型的EventCallback<Person>，但组件中定义的SelectedChanged参数是EventCallback<object>，这两种类型无法直接隐式转换，导致类型不匹配。

解决方案 #

方案1：使用泛型组件（推荐） #

这是最符合Blazor设计规范的做法，让组件支持泛型，自动匹配绑定变量的类型，既保证类型安全，又能正常使用@bind语法。

修改组件代码为泛型：

public partial class MyComponent<T>
{
    private T BindObject { get; set; }

    [Parameter]
    public T Selected
    {
        get => BindObject;
        set
        {
            if (EqualityComparer<T>.Default.Equals(BindObject, value))
                return;
            BindObject = value;
            await SelectedChanged.InvokeAsync(BindObject);
        }
    }

    [Parameter]
    public EventCallback<T> SelectedChanged { get; set; }
}

使用组件时，编译器会自动推断类型，直接使用@bind语法即可：

<MyComponent @bind-Selected="person" />

如果需要明确指定类型，也可以显式声明：

<MyComponent Person @bind-Selected="person" />

方案2：手动适配非泛型EventCallback（不推荐，仅用于无法使用泛型的场景） #

如果必须保留object类型的参数，可以将SelectedChanged改为非泛型的EventCallback，并在使用时手动处理类型转换。

修改组件代码：

private object BindObject { get; set; }

[Parameter]
public object Selected
{
    get => BindObject;
    set
    {
        if (BindObject == value)
            return;
        BindObject = value;
        await SelectedChanged.InvokeAsync(BindObject);
    }
}

[Parameter]
public EventCallback SelectedChanged { get; set; }

使用时需要手动指定回调逻辑，不再支持简洁的@bind语法：

<MyComponent Selected="person" SelectedChanged="@(val => person = (Person)val)" />

这种方式需要手动处理类型转换，存在类型不安全的风险，仅在特殊场景下使用。

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