Blazor-父子组件传递任意参数

code-Study

已于 2025-07-29 13:10:42 修改

阅读量797

点赞数 23

CC 4.0 BY-SA版权

分类专栏： Blazor 文章标签： blazor c# .net

于 2025-02-17 23:58:23 首次发布

本文链接：https://blog.csdn.net/Maybe_ch/article/details/145694497

Q

在我们从父组件传参数给子组件时，可以通过子组件定义的[Parameter]特性的公开属性进行传值，但是当我们需要传递多个值的时候，就需要通过[Parameter]特性定义多个属性，有没有更简便的方式？

A

我们可以使用定义 IDictionary<string,object>类型的参数，并使用[Parameter(CaptureUnmatchedValues =true)]特性进行标注，这样在父组件中嵌套子组件时，可以任意的传递参数。

示例

子组件：

<h3>ParameterChild</h3>
<ul>
    @if (Parameters != null)
    {
   
   
        @foreach (var item in Parameters)
        {
   
   
            <li>key=@item.Key，value=@item.Value</li>
        }
    }
</ul>
@code {
   
   
    [Parameter(CaptureUnmatchedValues = true)]
    public Dictionary<