Blazor中传递数据的几种情况总结（四）：向事件函数传递参数

![在这里插入图片描述](https://img-blog.csdnimg.cn/img_convert/a30c91f6ef1ae9b2b3359d897f5bb1fb.png 如果您正在开发交互式 Web 应用程序，根据不同的应用程序事件和用户操作动态更新用户界面是非常常见的做法。这些操作会引发事件，作为开发人员，我们的工作是使用一些事件处理技术来处理这些事件。 Blazor 内置支持处理多个事件，例如 onclick、onchange 和 onmousemove 等，它还为开发人员提供了多种处理这些

在Blazor 项目中，微软对事件的事件参数进行了封装，所有的事件参数类都必须继承 EventArgs 基类。如我们不清楚当前的方法封装的事件到底是什么类型的？我们可以使用EventArgs来接收参数，之后断点查看下EventArgs的子类类型，这样就可以判断出来事件的类型。我们这里使用的是@onclick可以看到封装的类型为MouseEventArgs在 Razor 组件中，事件参数只需要在事件处理程序上定义，在调用时无需要传入任何值。

在 Blazor 中，组件间参数传递有多种方式：通过 [Parameter] 属性实现父向子传递，EventCallback 用于子向父通信，@bind-Value 实现双向绑定，共享状态（依赖注入）,CascadingValue用于跨组件通信，传递委托方法实现灵活调用。根据需求选择合适方式，可提高代码效率和可维护性。

前言 这次写博客的原因就是自己在学习过程中，想通过点击按钮，然后给后台传递更新表的参数，当时我查阅很多网上的文章，遇到了很多问题，基本上他们给出的方案都是很简单的解答，但是我的是根据后端返回的数据，动态的生成前端列表，所以那种简单的设置ID的方法不适用，我也费很大力气才解决的，所以，把完整的前后端代码都分享给大家，希望能够给大家带来帮助。 效果图 以上是最后的基本界面图，我的目标就是可以通过点击更新状态按钮，将列表中的任务加载日期和任务状态返回给后台，然后后台接收到数据后给前端返回success， 在执行

翻译自 Waqas Anwar 2021年3月25日的文章《A Developer’s Guide To Blazor Event Handling》[1]如果您正在开发交互式 Web 应用程序，根据不同的应用程序事件和用户操作动态更新用户界面是十分常见的做法。这些操作会触发事件，而作为开发人员，我们的工作是使用一些事件处理技术来处理这些事件。Blazor 内置支持处...

我们都知道在6月12日的时候微软发布了.NET Core 3.0的第6个预览版。针对.NET Core 3.0的发布我们国内的微软MVP-汪宇杰还发布的官翻版的博文进行了详细的介绍。具体的可以关注“汪宇杰博客”公众号，或者我的“DotNetCore实战”公众号然后在历史文章里面进行查阅。而我们这篇文章将会介绍本次更新中对ASP.NET Core和Blazor所做的更新。当然本文的大部分内容翻译自A...

同javascript一样，Blazor也支持DOM上的事件，比如onclick，onfocus，onblur等，但与javascript的写法又有些不一样。 1.无参数调用 直接使用@οnclick=“函数名” 就行了 <button @onclick="Test">Test</button> @code { private void Test() { Console.WriteLine("test button clicked"); } }

Blazor 是将 C# 引入浏览器的 Microsoft 试验框架，正好可以填补欠缺的 C# 一环。如今，C# 程序员可以编写桌面、服务器端 Web、云、电话、平板电脑...