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

MudBlazor问题:MudAutocomplete加载时展开列表并抢占焦点

解决MudAutocomplete加载时自动展开列表并抢占焦点的问题

要实现列表仅在点击时展开,只需调整组件的核心参数并明确控制初始状态:

  • 设置OpenOnFocus="false":禁用组件获得焦点时自动展开下拉列表的默认行为
  • 保持AutoFocus="false":确保页面加载时组件不会自动获取焦点
  • 绑定初始IsOpen="false":明确指定下拉列表初始为关闭状态

示例代码:

<MudAutocomplete T="string" 
                 Label="选择选项" 
                 @bind-Value="selectedValue" 
                 Data="@options"
                 AutoFocus="false"
                 OpenOnFocus="false"
                 IsOpen="false" />

@code {
    private string selectedValue { get; set; }
    private List<string> options = new List<string> { "选项1", "选项2", "选项3" };
}

配置后,组件只会在点击输入框的下拉图标、或手动触发展开操作时显示可选列表,页面加载时不会自动展开也不会抢占焦点。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.18 02:49:50