重庆专业企业建设网站,网络营销方案范文3篇,漯河网站建设zrgu,网站建设公司四川原文链接#xff1a;https://blazor-university.com/components/capturing-unexpected-parameters/捕获意外参数源代码[1]之前我们已经看到了如何使用特定名称声明参数和级联参数。例如#xff0c;一个将 img 元素包装在一些自定义 HTML 中的自定义组件。div cla… 原文链接https://blazor-university.com/components/capturing-unexpected-parameters/捕获意外参数源代码[1]之前我们已经看到了如何使用特定名称声明参数和级联参数。例如一个将 img 元素包装在一些自定义 HTML 中的自定义组件。div classrowimg srcsrc/ /divcode  {[Parameter]public string src { get; set; } }在代码稽核过程中有人指出没有 alt 标签的图像对于视力障碍者来说不太容易访问因此添加了另一个参数并更新了 HTML。div classrow roleimg aria-labelaltimg srcsrc/ /divcode  {[Parameter]public string src { get; set; }[Parameter]public string alt { get; set; } }随着时间的推移需要更多属性alignwidthheight此时您可能不再对图像组件有额外的要求但是每次编写组件时都必须为每个可能的属性编写参数可能会很烦人尤其是当您实际上并不处理这些值而只是将它们传递给 HTML 元素的标记时。input 控件有大约 30 个属性需要我们为其编写参数代码。在没有编码参数的情况下捕获值之前我们看到了如何利用属性展开[2]以编程方式生成 HTML 属性及其值。这涉及将 Dictionarystring, object 的值分配给一个特别命名的 attributes 属性。在不匹配参数的情况下捕获属性值的工作方式类似。我们只需创建一个 Dictionarystring, object 类型的属性将其装饰为 [Parameter]但在 Parameter 中我们需要指定 CaptureUnmatchedValues true。div classrow roleimg aria-labelaltimg srcsrc attributesAllOtherAttributes / /divcode  {[Parameter]public string src { get; set; }[Parameter]public string alt { get; set; }[Parameter(CaptureUnmatchedValues  true)]public Dictionarystring, object AllOtherAttributes { get; set; } }现在当您的组件的使用者使用 [Parameter] 修饰属性正常行为添加您未明确允许的属性值时Blazor 不会抛出异常而是将它们作为键/值对收集到我们的字典中。在前面的示例中我们组件的使用者指定的任何 attributesvalue 分配都将添加到我们组件内的 img 元素中。MyCustomImage srchttps://randomuser.me/api/portraits/lego/6.jpg altA photo of Emmet width64 height64 /参考资料[1]源代码: https://github.com/mrpmorris/blazor-university/tree/master/src/Components/CapturingUnexpectedParameters