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
相关产品推荐
相关产品推荐

