You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Blazor客户端应用中@OnClick事件不存在问题求助

Blazor客户端应用@onclick事件不生效的解决方法
  • 核心问题:你误用了ASP.NET WebForms的服务器端控件<asp:button>,Blazor客户端应用只支持标准HTML元素,无法识别这类WebForms控件,这才是事件绑定失效的根本原因。

  • 修正后的按钮代码:替换为标准HTML <button>标签,同时使用正确的Blazor事件绑定语法:

<button class="Container" @onclick="() => Select(level)">按钮文本</button>

注意事项:

  • 事件名必须是全小写的@onclick

  • 直接调用组件内定义的方法即可,无需添加IndexModel.前缀(如果Select方法属于单独的模型类,需确保该模型实例在组件内已正确初始化并可访问)

  • 补充检查:

    • 确保你的Blazor组件(.razor文件)中已正确定义Select方法,示例代码如下:
@code {
    // 假设level是组件内已声明的变量
    private int level = 1;

    private void Select(int selectedLevel)
    {
        // 在这里编写你的业务逻辑
    }
}
  • 确认项目确实是基于Visual Studio 2019的Blazor WebAssembly(客户端)模板创建,避免混淆其他类型的ASP.NET项目。

内容的提问来源于stack exchange,提问作者Futuremappermydud

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.27 18:37:03