blazor - 如何在 Blazor 中设置页面标题？

Question

由于 Blazor 是一个 SPA 框架，我想知道是否可以为 Blazor 中的每个单独页面设置页面标题？

我目前正在从事 Blazor WebAssembly 项目，无法找到一种添加页面标题的方法，因为只有一个 index.html，因为它应该在 SPA 中，但如果可以实现设置，那将非常有用每个“页面”的标题。

Answer 1

来自 ASP.NET CORE 6.0 ，official docs说我们可以影响 HTML <title>使用 PageTitle 轻松标记元素组件。

添加 HeadOutlet Program.cs 中的组件

builder.RootComponents.Add<HeadOutlet>("head::after");

然后使用 PageTitle组件

<PageTitle>@title</PageTitle>

更新1:

看来此 API 已被搁置以进一步改进。这已从官方文档链接中删除。这是github issue跟踪相同。一旦 API 最终在文档中可用，我将更新答案。

更新2:

上述问题已解决，ASP.NET Core团队已添加<PageTitle> ASP.NET Core 6.0 中的组件。我也相应地更新了答案。