c# - Blazor WebAssembly 更新页面标题

Question

框架:.NET Core 3.1 (Blazor WebAssembly)

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

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

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

谢谢。

Answer 1

您应该使用 Microsoft.AspNetCore.Components.Web.Extensions nuget 包:https://www.nuget.org/packages/Microsoft.AspNetCore.Components.Web.Extensions .它目前仍处于预发布阶段，但很稳定。

它完全您正在寻找的东西，您可以获得 <Title> 的组件, <Link> , 和 <Meta>标签。它仍然使用 JavaScript 来执行更新，但它比现有的其他解决方案干净得多。我个人在生产应用程序中成功地使用了这个包。设置方法如下:

1. 安装 nuget 包 Install-Package Microsoft.AspNetCore.Components.Web.Extensions -Prerelease
2. 在你的index.html wwww 下的文件根文件夹，添加对 JS 文件的引用: <script src="_content/Microsoft.AspNetCore.Components.Web.Extensions/headManager.js" type="module"></script>
3. 在任何*.razor您要在其上或 _Imports.razor 中设置标题的页面文件夹的文件，添加 using 指令:@using Microsoft.AspNetCore.Components.Web.Extensions.Head
4. 根据需要使用各种标签:

<Title value="My Page Title" />
<Meta name="description" content="My Blazor Component" />
<Link rel="icon" type="image/x-icon" href="/favicon.ico" />
<Link rel="alternate" href="/feed.rss" type="application/rss+xml" />