在 Blazor 的模态框中,可以通过以下代码设置第一个元素的焦点:
@code {
private Modal modal;
private ElementReference firstInput;
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender)
{
await modal.ShowAsync();
firstInput.FocusAsync();
}
}
private async Task OnSave()
{
await modal.HideAsync();
}
}
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender)
{
await modal.ShowAsync();
firstInput.FocusAsync();
}
}
这样,在模态框打开后,第一个输入框就会自动获取焦点了。