检测导航事件 Blazor WebAssembly

Question

如何检测 URL 何时更改？我需要事件（URL 更改事件）来根据 URL 执行某些特定操作。

Answer 1

您可以使用NavigationManager它具有内置LocationChanged事件。

要处理该事件，您可以像这样注入 NavigationManager：

@inject NavigationManager nav

要显示警报，您可能还需要添加 JSRuntime：

@inject IJSRuntime js

并通过覆盖订阅事件OnInitialize()

protected override void OnInitialized()
{
    nav.LocationChanged += (o, e) => {
        js.InvokeVoidAsync("alert", "Alert"); // when location is changed invoke alert js function
    };
} 

您可以在此链接中检查此示例的 repl：https ://blazorrepl.com/repl/wabkuybC54SQD88I53