Blazor页面参数化布局异常：默认MainLayout未生效，始终显示TabLayout

@layout是编译时指令，无法放在运行时的@if条件块中执行逻辑判断。不管你的条件结果如何，编译器都会处理@layout TabLayout指令，导致页面始终使用TabLayout。

通过组件的Layout属性动态指定布局，该属性支持运行时赋值：

@page "/WasteNum/{LayoutType}"
@inherits LayoutComponentBase

@{
    Layout = LayoutType == "Tab" ? typeof(TabLayout) : typeof(MainLayout);
}

<!-- 页面内容写在这里 -->

@code {
    [Parameter]
    public string LayoutType { get; set; } = "Main";
}

也可以在初始化方法中完成布局赋值：

@page "/WasteNum/{LayoutType}"
@inherits LayoutComponentBase

<!-- 页面内容写在这里 -->

@code {
    [Parameter]
    public string LayoutType { get; set; } = "Main";

    protected override void OnInitialized()
    {
        Layout = LayoutType.Equals("Tab", StringComparison.OrdinalIgnoreCase) 
            ? typeof(TabLayout) 
            : typeof(MainLayout);
    }
}

• 页面必须继承LayoutComponentBase，才能访问Layout属性
• 使用StringComparison.OrdinalIgnoreCase可实现不区分大小写的判断，提升兼容性
• 如果项目默认布局就是MainLayout（已在_Imports.razor中配置），也可以在LayoutType不为"Tab"时将Layout设为null，会自动使用默认布局

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