C# Blazor WebAssembly更新页面标题

C# Blazor WebAssembly更新页面标题,c#,.net-core,blazor,webassembly,blazor-client-side,C#,.net Core,Blazor,Webassembly,Blazor Client Side,框架:.NET核心3.1(Blazor WebAssembly) 我刚刚搭建了一个简单的Blazor WebAssembly应用程序,并添加了多个页面。 在重定向到特定页面时,我想将窗口/选项卡标题更新为[页面名称]|我的应用程序 在ASP.NET MVC或Core中,我们可以使用ViewBag更新Layout.cshtml中的元素 Blazor WebAssembly应用程序中的等效方法是什么 谢谢。同样,这里有一篇关于如何设置页面标题的不同博文。本质上,您可以使用导航管理器插入当前页面,然后

框架:.NET核心3.1(Blazor WebAssembly)

我刚刚搭建了一个简单的Blazor WebAssembly应用程序,并添加了多个页面。 在重定向到特定页面时,我想将窗口/选项卡标题更新为
[页面名称]|我的应用程序

在ASP.NET MVC或Core中,我们可以使用
ViewBag
更新
Layout.cshtml
中的
元素

Blazor WebAssembly应用程序中的等效方法是什么


谢谢。

同样,这里有一篇关于如何设置页面标题的不同博文。本质上,您可以使用导航管理器插入当前页面,然后使用JS Interop调用页面标题的更新


确实有几种方法可以做到这一点。如果您在实施过程中遇到问题,请告诉我

您应该使用Microsoft.AspNetCore.Components.Web.Extensions nuget包:。目前仍处于预发布阶段,但稳定

它能准确地完成您要寻找的内容,您可以获得用于
标记的组件。它仍然使用JavaScript来执行更新,但它比其他解决方案干净得多。我个人在生产应用程序中成功地使用了此软件包。以下是如何进行设置:

  • 安装nuget软件包
    安装软件包Microsoft.AspNetCore.Components.Web.Extensions-预发行版
  • wwww
    根文件夹下的
    index.html
    文件中,添加对JS文件的引用:
  • 在任何要设置标题的
    *.razor
    页面上,或在文件夹的
    \u Imports.razor
    文件中,添加using指令:
    @using Microsoft.AspNetCore.Components.Web.Extensions.Head
  • 根据需要使用各种标签:
  • 
    
    这是否回答了您的问题?是否可以在不使用
    IJSRuntime
    的情况下更新标题?我认为这是重复的。我也有一些答案。欢迎链接到解决方案,但请确保您的答案在没有它的情况下是有用的:这样您的其他用户就会知道它是什么以及为什么存在,然后引用您链接到的页面的最相关部分,以防目标页面不可用。添加了一些上下文,谢谢!如何使用链接标签在标题上获得图标?杰里米,我一直在想这个问题。您是否试图在页面标题文本中添加图标?还是一个favicon?