Blazor 导航：更新 URL 而不更改重新加载页面

我在应用程序中使用 URL 参数来表示页面状态。

如何在不实际导航的情况下更改 URL？

Thanks!

（使用 Blazor 服务器端）

您可以使用 JS Interop 来完成此操作并调用history.pushState(null, '', url)

这是一个简单的例子

.razor

@page "/"
@inject IJSRuntime jsRuntime

<input
    @bind="url"
/>

<button @onclick="ChangeUrl">
    Change Url
</button>

<p>@url</p>

@code {
    [Parameter]
    public string Url { get; set; }

    void ChangeUrl(){
        // You can also change it to any url you want
        jsRuntime.InvokeVoidAsync("ChangeUrl", Url);
    }
}

.js

window.ChangeUrl = function(url){
    history.pushState(null, '', url);   
}

请注意这仅适用于视觉目的，它只会在浏览器中发生变化，而在服务器端，您可能不会看到变化。