ASP.NET Core Blazor 组件参数2

bdbox@qq.com

已于 2023-03-02 21:57:29 修改

阅读量131

点赞数

分类专栏： ASP.NET Core Blazor 文章标签： asp.net core blazor Powered by 金山文档

于 2023-03-02 21:55:06 首次发布

本文链接：https://blog.csdn.net/bdbox/article/details/129310053

版权

ASP.NET Core Blazor 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

文章展示了如何在Blazor应用中，通过传递一个字典作为参数来给组件提供多个参数。在`counter.razor`组件中，接收到的字典被用来设置`Message1`的值，在`index.razor`页面中，定义了一个包含多个键值对的字典并传递给`Counter`组件。

摘要由CSDN通过智能技术生成

也可以传入字典作为组件的参数，这样就可以传递多参数了。

counter.razor

@using System.Collections.Generic

@page "/counter"

<PageTitle>测试</PageTitle>

<h1>@Message1</h1>

@code {

    [Parameter]
    public Dictionary<string, object> Messages{set;get;} =         
        new Dictionary<string, object>{
            {"000", "000"}
            }; 

    public string Message1{set;get;} = "";

    protected override void OnParametersSet()
    {
        foreach(var key in Messages.Keys)
        {
            if (key == "")
            {
                Message1 += "OnParametersSet empty";
            }
            else
            {
                Message1 += "OnParametersSet is " + key;
            }
        }
    }
}

index.razor

@page "/"

<PageTitle>@UserName</PageTitle>

<div>
    <Counter Messages=@outputMessages></Counter>

</div>

 <button class="btn btn-primary">@UserName</button>

@code{
    private string UserName = "小明";

    public Dictionary<string, object> outputMessages{set;get;} =
        new Dictionary<string, object>{
            {"111", "111"},
            {"222", "222"}
            }; 
}