Blazor Server中Button组件@ref属性对应变量类型查询

变量类型 #

Blazor中针对原生HTML元素的@ref引用，对应的变量类型是ElementReference。直接在@code块中声明该类型变量即可绑定按钮引用，示例代码如下：

<button @ref="btnMe" class="btn btn-primary">ME</button>

@code {
    private ElementReference btnMe;

    // 示例用法：调用元素的FocusAsync方法让按钮获取焦点
    private async Task FocusMyButton()
    {
        await btnMe.FocusAsync();
    }
}

获取答案的途径 #

• 查看Blazor官方文档里的**元素引用（Element References）**章节，里面明确标注了原生HTML元素引用的类型为ElementReference
• 在Visual Studio中，当你在@code块里输入变量名后，VS的智能补全会自动弹出可选类型列表，其中就包含ElementReference
• 查阅.NET官方API文档，搜索ElementReference，能看到它是Blazor框架中专门用于引用DOM元素的类型
• 也可以在项目里尝试输入ElementReference，通过VS的代码提示弹窗了解它的用途和相关方法

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