blazor - 如何将焦点设置到 Blazor 中的文本框

Question

如何将焦点设置到 Blazor 中的文本框？到目前为止，我们发现的唯一方法是使用 JavaScript。

Answer 1

.Net 5(或更高版本)让这一切变得简单!

<input type="text" @ref="myref"/>

@code {

    private ElementReference myref;

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            await myref.FocusAsync();
        }
   }
}