blazor - 将导航参数传递给 blazor 中的导航或布局组件

Question

在 Blazor(服务器端)应用程序上，我有一个嵌套布局。当我们转到嵌套布局中的页面时，我有导航到其他页面的导航。着陆页的 url 是/items/3，其中 3 是 {id:int}。现在要导航到其他页面，我需要将此 id 传递给 Nav/Layout 组件 - 这样我就可以在其他 s 上使用该 id。如何将此 id 传递给 Nav 或 Layout 组件？

尝试将 [Parameter] 标签放在 Nav 或 Layout 组件上，但未填充参数。

Answer 1

我不认为您可以将值从组件传递到布局组件。不存在这样的功能......但是，我想你可以使用一些黑客技术。但是，您应该使用 IUriHelper 导航到另一个页面，如下所示:

@inject Microsoft.AspNetCore.Blazor.Services.IUriHelper UriHelper

<button onclick=@Navigate>Click me to navigate to another page</button>


@functions {
    private void Navigate()
    {
        UriHelper.NavigateTo("/hello-world");
    }
}

编辑:
正如我上面写的，没有办法将参数从子组件传递到父组件。您应该根据 Blazor 提供的功能、行为和限制调整您的应用。下面是Github中一个issue的链接，大家可以阅读理解传递参数的机制。史蒂夫·安德森 (Steve Anderson) 也发表了评论，其中提出了如何解决这个问题: https://github.com/aspnet/Blazor/issues/857

希望这可以帮助...