面向云技术架构 - 痴者工良

  • 首页
  • 工良写的电子书
    • kubernetes 教程
    • 从 C# 入门 Kafka
    • 多线程和异步
    • 动态编程-反射、特性、AOP
    • 表达式树
  • 本站文章导航
  • 隐私政策
愿有人陪你颠沛流离
遇到能让你付出的事物或者人,都是一种运气。
能遇到,就该珍惜。或许你们最终没能在一起,但你会切实地感受到力量。
正因为这样,那段相遇才变得有价值,才没有辜负这世间的每一段相遇。
  1. 首页
  2. 笔记和吹水
  3. 代码片段
  4. 正文

Blazor:子组件向父组件传递数据

2020年5月11日 2472点热度 2人点赞 0条评论
内容纲要

子组件无法直接向父组件传递数据,所以先在子组件定义回调事件,然后父组件引用子组件时,将父组件的方法绑定到子组件中,然后在子组件触发回调即可。

子组件 Child.razor :


<input @bind="Value" />
<button @onclick="StartEvent">传递到父组件</button>
@code{
    private string Value;
    [Parameter]
    public EventCallback ChildEvents { get; set; }
    private async Task StartEvent()
    {
        Console.WriteLine(Value);
        if (ChildEvents.HasDelegate)
        {
            Console.WriteLine(Value);
            await ChildEvents.InvokeAsync(Value);
        }
    }
}

父组件 Parent.razor :


@page "/p"
<div class="bg-primary jumbotron  text-white">
    子组件:
    <Child ChildEvents="@MyEvent" />
    <br />
    父组件:
    <p>@_Value</p>
</div>
@code{
    private string _Value;
    private void MyEvent(string value)
    {
        _Value = value;
    }
}
本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可
标签: blazor 传递数据 向父 组件
最后更新:2020年5月11日

痴者工良

高级程序员劝退师

点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

COPYRIGHT © 2022 whuanle.cn. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

粤ICP备18051778号

粤公网安备 44030902003257号