如何在 Blazor 服务器端访问父组件？答案

【问题标题】：How can I access the parent Component in Blazor server-side?如何在 Blazor 服务器端访问父组件？
【发布时间】：2019-10-07 12:09:43
【问题描述】：

我正在使用 blazor 的服务器端。

这是一个名为 Child 的子组件：

<div class="Child">
    <img @OnClick="ShowFullImage" src="/img/aaa.jpg"/>
</div>
@code{
   private void ShowFullImage(){}
}

这是一个父组件：

<Child></Child>
<img id="FullImage"/>

子组件即将显示缩略图。当用户点击缩略图（子组件中的img）时，完整的图像将显示在名为FullImage的父组件的img中。

现在的问题是虽然我可以在子组件中添加onlick函数，但我还不知道如何访问它的父组件。

【问题讨论】：

我不了解您想要通过完整图像实现的目标，但我建议您查看此博客 here。
如果您需要来自父组件的特定内容，请将其作为参数传递给子组件。除此之外，真的不清楚你在问什么。
@LOLJovem 谢谢。您提供的博客很有帮助。

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

【解决方案1】：

我想你要找的是EventCallback

// Child
<div class="Child">
    <img @onclick="ShowFullImage" src="/img/aaa.jpg"/>
</div>

@code{
   [Parameter]
   public EventCallback ShowFullImage { get; set; }
}

// Parent
<Child ShowFullImage="@ShowFullImage" />

@code{
    public void ShowFullImage()
    {
        // do what you want
    }
}

【讨论】：

还有一个问题。我必须将图像的 src 从子组件传输到父组件。我怎样才能做到这一点？
嗯，我在chrissainty.com/…找到了解决方案。