Blazor中继承MudTable组件遇多捕获属性异常的解决咨询

错误原因 #

你继承的MudTable<T>基类已经自带了标记为[Parameter(CaptureUnmatchedValues = true)]的UserAttributes属性，而你自行定义的Attributes属性也启用了相同的未匹配参数捕获功能，Blazor不允许单个组件存在多个此类属性，因此触发了冲突异常。

正确实现方式 #

方式一：组合式封装（推荐，灵活性更高） #

无需继承MudTable，直接在自定义组件内部包裹原生MudTable，通过内置机制处理属性传递：

Table.razor

@typeparam T

<div class="table-component">
    <MudTable T="@T" @attributes="@UserAttributes">
        @ChildContent
    </MudTable>
</div>

@code {
    [Parameter(CaptureUnmatchedValues = true)]
    public Dictionary<string, object> UserAttributes { get; set; }

    [Parameter]
    public RenderFragment ChildContent { get; set; }
}

可选：Table.razor.cs（也可将代码放在razor的@code块中）

using Microsoft.AspNetCore.Components;
using MudBlazor;

namespace ticketsapp.Components.Table
{
    public partial class Table<T>
    {
        [Parameter(CaptureUnmatchedValues = true)]
        public Dictionary<string, object> UserAttributes { get; set; }

        [Parameter]
        public RenderFragment ChildContent { get; set; }
    }
}

使用示例（和原生MudTable用法完全一致）：

<Table T="Ticket" Items="@ticketList" Hover="true">
    <Columns>
        <PropertyColumn Property="x => x.Id" Title="ID" />
        <PropertyColumn Property="x => x.Title" Title="标题" />
    </Columns>
</Table>

这种方式避免了继承带来的属性冲突，还能自由添加自定义逻辑（比如额外参数、专属样式）。

方式二：继承式封装（若必须继承基类） #

如果一定要继承MudTable<T>，直接复用基类自带的UserAttributes，不要重复定义：

Table.razor

@typeparam T
@inherits MudTable<T>

<div class="table-component">
    <MudTable T="@T" @attributes="@UserAttributes">
        @ChildContent
    </MudTable>
</div>

Table.razor.cs

using Microsoft.AspNetCore.Components;
using MudBlazor;

namespace ticketsapp.Components.Table
{
    public partial class Table<T>: MudTable<T>
    {
        // 无需自定义Attributes，直接使用基类的UserAttributes
    }
}

继承模式下，基类的所有参数会自动传递，只需将UserAttributes转给内部MudTable，并保留ChildContent传递表格列等内容即可。

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