MudBlazor中MudSelect组件hidden属性不生效问题求助

你的代码存在两个关键问题，导致MudSelect无法正常隐藏：

• MudSelectItem标签闭合错误：代码里的<MudSelectItem>未正确闭合，应使用</MudSelectItem>，错误的闭合标签会破坏DOM结构，影响组件正常渲染与功能。
• 误用原生HTML属性：MudBlazor组件推荐使用官方提供的Visible参数控制显隐，原生hidden属性可能被组件内部样式或渲染逻辑覆盖，导致失效。

修正后的完整代码如下：

@page "/"

<MudSelect T="string" Visible="@(!IsHidden)">
    <MudSelectItem T="string">A</MudSelectItem>
    <MudSelectItem T="string">B</MudSelectItem>
</MudSelect>

<button @onclick="@ToggleVisibility">Show/Hide</button>

@code {
    private bool IsHidden { get; set; } = false;

    private void ToggleVisibility()
    {
        IsHidden = !IsHidden;
    }
}

补充说明 #

• Visible是MudBlazor组件通用的显隐控制参数，从组件层面管控渲染逻辑，比原生hidden属性更可靠。
• 调整变量命名为IsHidden，让逻辑更直观：Visible="@(!IsHidden)"表示IsHidden为false时组件显示，为true时隐藏。

内容的提问来源于stack exchange，提问作者Ren