.Net5 FocusAsync() 未编译

Question

我是 new.Net5 框架上的新手，正在玩 MS Blazor。 我试图在单击按钮时设置文本元素的焦点。 我在其他地方看到过这段代码并试图让它编译：

<button @onclick="() => textInput.FocusAsync()">Set focus</button><input @ref="textInput"/>

VS2019 在 textInput 值上抛出错误：当前上下文中不存在名称“textInput”。

任何帮助表示赞赏。

Answer 1

在您的@code部分中，您需要创建一个名为textInput的属性/变量，其类型为ElementReference 。 然后，在名为FocusAsync的Microsoft.AspNetCore.Components命名空间中的ElementReference上有一个扩展方法，您应该可以调用它。

<button @onclick="() => textInput.FocusAsync()">Set focus</button><input @ref="textInput"/>

@code {
   private ElementReference textInput;
}