Blazor Server简单OnChange事件编译失败，如何获取ChangeEventArgs？

看起来你遇到的核心问题是编译器无法识别ChangeEventArgs类型，导致带参数的OnRestaurantChanged方法编译失败，同时你希望避免双向绑定，只通过事件更新Store。下面是具体的解决方案：

1. 添加必要的命名空间 #

ChangeEventArgs属于Microsoft.AspNetCore.Components.Web命名空间，你的组件代码里缺少这个引用，这是编译错误的主要原因。在组件的using区域添加：

using Microsoft.AspNetCore.Components.Web;

2. 修正事件处理方法的参数写法 #

你之前的参数用了@event，虽然@可以用来转义C#关键字，但event在这里不是关键字，没必要加@，改成普通参数名（比如args）会更清晰，也避免潜在的编译器识别问题。同时在方法里正确获取选中的餐厅ID：

private void OnRestaurantChanged(ChangeEventArgs args)
{
    // 安全获取选中的值（下拉框的Value默认是string类型）
    if (args.Value is string selectedRestaurantId)
    {
        // 将选中的ID传递给Store的方法
        _restaurantStore.ChangeSelectedRestaurant(selectedRestaurantId);
    }
}

3. 同步更新Store方法的参数定义 #

记得修改IRestaurantStore中的ChangeSelectedRestaurant方法，让它接受一个string类型的参数，这样才能接收和处理选中的餐厅ID：

// 示例IRestaurantStore接口定义
public interface IRestaurantStore
{
    void ChangeSelectedRestaurant(string restaurantId);
    // 其他现有方法...
}

为什么这样能解决问题？ #

• Blazor的@onchange事件默认会自动将ChangeEventArgs实例传递给接受该参数的事件处理方法，但前提是编译器能找到这个类型（所以必须添加对应的命名空间）。
• 这种方式完全符合你的需求：不需要双向绑定，只在用户修改选项时触发事件，获取选中值后更新Store，避免了双向绑定可能带来的额外状态同步问题。

修改后的完整组件代码 #

using MenuApp.Stores.Restaurant;
using Microsoft.AspNetCore.Components.Web; // 新增命名空间

namespace MenuApp.Pages.Components.Restaurants
{
    public partial class RestaurantSelector : ComponentBase
    {
        [Inject]
        private IRestaurantStore _restaurantStore { get; set; }

        private void OnRestaurantChanged(ChangeEventArgs args)
        {
            if (args.Value is string selectedRestaurantId)
            {
                _restaurantStore.ChangeSelectedRestaurant(selectedRestaurantId);
            }
        }
    }
}

内容的提问来源于stack exchange，提问作者Carlos Jimenez Bermudez