c# - 如何在 MainLayout 中获取输入参数？

Question

1. Blazor 应用程序:我有自定义页眉 Logo 和自定义页脚链接将根据输入参数 {id} 改变。

2. 在查询中使用输入参数 ID 来检索公司 Logo ，并且来自数据库的页脚链接信息。

动态页眉和页脚是mainlayout的一部分，如何通过mainlayout获取输入参数？

Answer 1

假设您创建了一个 Company 父组件，该组件可以获取表示公司 ID 的路由参数，该参数的值用于检索可能显示在子组件中的公司详细信息。你可以这样定义父组件:

Company.razor

@page "/company"
@page "/company/{ID}"

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

注意:以上两个路由模板是必须的……

回答您的问题...将此代码添加到 MainLayout 组件中

@code{

    public string ID { get; set; }

    protected override void OnParametersSet()
    {
        // pull out the "ID" parameter from the route data
        object id = null;
        if ((this.Body.Target as RouteView)?.RouteData.RouteValues?.TryGetValue("ID", out id) == true)
        {
            ID = id?.ToString();
        }

    }
}

注意:上面的代码从RouteData中提取了ID参数的值，并将其存储在ID属性中。现在您可以随心所欲地使用它...包括将其传递给 NavMenu 组件(如果有必要)。你可以这样做:

向 NavMenu 组件添加一个组件参数属性，如下所示:

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

并在 NavMenu 组件实例中添加一个 ID 组件参数属性(位于 MainLayout 组件的顶部。现在应该是 <NavMenu ID="@ID"/>

你现在快乐吗？