相同页面中的Blazor路由更改

Question

我是目前的设置：

• .NET核心3(预览6)
• Blazor服务器端呈现

在Blazor页面中，我有如下内容：

@page "/page"
@page "/page/{Id}"

通过以下方式：

[Parameter]
public string Id { get; set; }

现在，当从/page/1导航到/page/2时，我可以使用OnParametersSetAsync来检测这些更改。但是在从/page/1导航到/page时会出现问题。OnParametersSetAsync可以检测到此更改，但是Id参数将保持与前一个路由相同的1。

我在想在这种情况下我能做些什么。

Answer 1

Blazor不使用null覆盖空参数，请自己执行：

@page "/Counter"
@page "/Counter/{Id}"
<h1>Current Id: @IdString;</h1>
<a href="/Counter"> go home </a> |
<a href="/Counter/1"> go home 1 </a> |
<a href="/Counter/2"> go home 2 </a>

@code
{
    private string IdString;
    [Parameter] public string Id { get; set; }

    protected override async Task OnParametersSetAsync()
    {
        // copy par value somewhere
        IdString = Id?.ToString() ?? "";

        // rest parm (set to null) by yourself
        Id=null;  
    }
}

​

​