Blazor是否提供类似Vue中$attrs的属性批量传递机制？

嘿，你这个需求太戳中组件开发的痛点了！Blazor确实提供了和Vue $attrs 几乎一致的实用功能——通过 [Parameter(CaptureUnmatchedValues = true)] 特性，就能轻松捕获所有未显式声明的组件参数，再批量绑定到内部HTML元素上，完美解决逐个声明属性的繁琐问题。

具体实现步骤 #

我们以你提到的封装<a>标签的组件为例，一步步拆解用法：

1. 定义组件并捕获未匹配属性

在Blazor组件的C#代码部分，声明一个Dictionary<string, object>类型的参数，加上CaptureUnmatchedValues = true特性，它会自动收集父组件传入但你没单独声明的所有属性：

public partial class CustomLink
{
    // 如果你需要单独处理子内容，可以单独声明这个参数
    [Parameter]
    public RenderFragment? ChildContent { get; set; }

    // 核心：捕获所有未显式声明的属性，对应Vue的$attrs
    [Parameter(CaptureUnmatchedValues = true)]
    public Dictionary<string, object>? AdditionalAttributes { get; set; }
}

2. 在模板中批量绑定属性

在组件的Razor模板里，用@attributes指令把捕获到的属性批量绑定到内部的<a>标签上：

<div>
    <a @attributes="AdditionalAttributes">@ChildContent</a>
</div>

3. 使用组件时直接传入原生属性

现在你在父组件里使用这个自定义组件时，完全可以像用原生<a>标签一样直接传所有属性，不用在CustomLink里逐个声明：

<CustomLink href="/about" target="_blank" class="text-blue-600 hover:underline" hreflang="zh-CN" onclick="console.log('link clicked')">
    关于我们
</CustomLink>

这里的href、target、class、hreflang、onclick等所有属性，都会被自动捕获并绑定到内部的<a>标签上，彻底告别超长参数列表。

额外实用提示 #

• 这个功能适配所有HTML元素，不管是<input>、<button>还是其他标签，封装通用组件时能大幅减少冗余代码。
• 如果你需要对某个属性做自定义逻辑（比如修改href的拼接规则），可以单独声明这个参数，它会优先被处理，不会被捕获到AdditionalAttributes中。

内容的提问来源于stack exchange，提问作者SillyJumper