Изучение различных методов динамического изменения заголовка страницы Blazor

window.changeTitle = (newTitle) => {
document.title = newTitle;
}
  • В компонент Blazor импортируйте взаимодействие JavaScript:

    @using Microsoft.JSInterop
  • Вставьте IJSRuntimeв свой компонент:

    @inject IJSRuntime JSRuntime;
  • await JSRuntime.InvokeVoidAsync("changeTitle", "New Page Title");
    [Parameter]
    public string Title { get; set; }
    <h1>@Title</h1>
    <MyComponent Title="New Page Title" />
    [CascadingParameter]
    public string Title { get; set; }
  • Установите значение каскадирования в родительском компоненте:

    <CascadingValue Value="Title">
    <ChildComponent />
    </CascadingValue>
  • Используйте каскадное значение в дочернем компоненте:

    <h1>@Title</h1>
  • Title = "New Page Title";

    Не забудьте выбрать метод, который лучше всего соответствует архитектуре вашего проекта и стилю кодирования. Приятного кодирования!