程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Blazor 布局 = 空大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决Blazor 布局 = 空?

开发过程中遇到Blazor 布局 = 空的问题如何解决?下面主要结合日常开发的经验,给出你关于Blazor 布局 = 空的解决方法建议,希望对你解决Blazor 布局 = 空有所启发或帮助;

拜托,我需要一种方法来掌握 Blazor 多层布局,但现在,我迫切需要知道如何将布局设为 null,以便我可以添加来自 `

的所有内容
<HTML> 

</HTML>

`

我自己直接在@page 上。

我为什么要这样做?

在 MVC 中,我可以让 viewmodel 从 _layout viewmodel 继承,以便我可以在导航和侧边导航中动态添加用户图像、名称、属性...,甚至隐藏一些导航选项。如下图所示。

Blazor 布局 = 空

解决方法

您似乎想自定义 MainLayout?

您可以清除它,打开@H_656_35@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://docs.microsoft.com/aspnet/" target="_blank">About</a>
        </div>

        <div class="content px-4">
            @Body
        </div>
    </div>
</div>
 }

因此,如果页面是 @page "/CustomLayout1/counter" 那么它将在此演示中使用您的 null MainLayout。

,

我认为您需要多种布局。

基础文件(blazor 服务器端的 _Host.cshtml 或 WASM 的 index.html)需要尽可能为空,以便只有 和

对于_Host.cshtml,您可能需要执行以下操作:

@page "/"
@namespace YOURNAMESPACE.Pages
@addTagHelper *,Microsoft.AspNetCore.Mvc.TagHelpers
@{
    Layout = null;
}
<html>
     <component type="typeof(App)" render-mode="ServerPrerendered" />
</html>

对于 index.html,类似于:

您可以在此处阅读更多信息:https://docs.microsoft.com/en-us/aspnet/core/blazor/layouts?view=aspnetcore-5.0

大佬总结

以上是大佬教程为你收集整理的Blazor 布局 = 空全部内容,希望文章能够帮你解决Blazor 布局 = 空所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:=布局