拜托,我需要一种方法来掌握 Blazor 多层布局,但现在,我迫切需要知道如何清空布局,以便我可以添加“
”中的所有内容<html>
至
</html>
`
我自己直接在@page上。
我为什么要这样做?
在 MVC 中,我可以使 ViewModel 继承自 _layout ViewModel,以便我可以在导航和侧面导航中动态添加用户图像、名称、属性...,甚至隐藏一些导航选项。如下图所示。
最佳答案
看起来您想自定义 MainLayout?
您可以清除它,打开MainLayout.razor(_Layout所在的位置)并仅在其中添加@Body:
@inherits LayoutComponentBase
@Body
从您的示例来看,您似乎只想自定义您的NavMenu?
都是一样的,打开NavMenu.razor,修改导航即可。
对于扩展,如果你想要不同类型的Layout,你可以使用NavigationManager来
检查你的url中的参数,它将使用相关的布局,例如:
@inherits LayoutComponentBase
@inject NavigationManager _navManager
@if (_navManager.Uri.Contains("CustomLayout1"))
{
@Body
}
else
{
<div class="page">
<div class="sidebar">
<NavMenu />
</div>
<div class="main">
<div class="top-row px-4">
<a href="https://learn.microsoft.com/aspnet/" target="_blank">About</a>
</div>
<div class="content px-4">
@Body
</div>
</div>
</div>
}
因此,如果页面是 @page "/CustomLayout1/counter"
那么它将在本演示中使用您的 null MainLayout。
关于c# - Blazor 布局 = null,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67617172/