布局组件中的访问方法答案

【问题标题】：Access Method in a Layout component布局组件中的访问方法
【发布时间】：2020-10-13 04:55:55
【问题描述】：

我有一个布局中有 3 个参数的方法。如何在使用布局的页面的加载事件中调用该函数。

@inherits LayoutComponentBase
<div class="sidebar">
    <NavMenu />
</div>
<div class="main">
    <div class="top-row px-4">
        <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
    </div>

    <div class="content px-4">
        @Body
    </div>
</div>
@code {

    private string x;
    public void Test (string a , string b, string c)
    {
        x = a + b + c;
    }
}

【问题讨论】：

通过在页面之间共享的服务中提取方法来重构代码

标签： c# asp.net .net-core blazor

【解决方案1】：

<CascadingValue Value="this" Name="MainLayout">
    @Body
</ CascadingValue>

然后在你的组件中

@code {
    [CascadingParameter(Name = "MainLayout")]
    public MainLayout MainLayout { get; set; }

    void Test (string a , string b, string c) => MainLayout.Test(a, b, c);
}

这是一个例子 component 我正在做类似的事情。

【讨论】：