Blazor InputSelect 错误：修改值时出现“TypeError: o.parentNode is null”

Answer 1

所以，两天后我就在这里，明白问题完全出在其他地方。

在同一页面中，我有一个网格组件，其中一个 GridColumn 定义为：

<GridColumn TItem="AnaAddressBooks" Context="chContext" HeaderText="@Localizer[LocalTranslations.Customers_AddressbookDefaultRole_Lbl]">
    @if (chContext.FK_Cls_DefaultUserRole.Equals(ClsUsersRoles.OBSERVER)) {
        <i class="fa-solid fa-binoculars"></i>
    }
    @if (chContext.FK_Cls_DefaultUserRole.Equals(ClsUsersRoles.SUBCONTRACTOR)) {
        <i class="fa-solid fa-wrench"></i>
    }
</GridColumn>

注释掉后，我发现错误消失了。

事实证明，如果我像这样转换 GridColumn：

<GridColumn TItem="AnaAddressBooks" Context="chContext" HeaderText="@Localizer[LocalTranslations.Customers_AddressbookDefaultRole_Lbl]" >
    @if (chContext.FK_Cls_DefaultUserRole.Equals(ClsUsersRoles.OBSERVER)) {
        <div>
            <i class="fa-solid fa-binoculars"></i>
        </div>
    }
    @if (chContext.FK_Cls_DefaultUserRole.Equals(ClsUsersRoles.SUBCONTRACTOR)) {
        <div>
            <i class="fa-solid fa-wrench"></i>
        </div>
    }
</GridColumn>

，将两个 FontAwesome 图标分别嵌入一个 div 元素中，错误就消失了。

注意将整个 @if 嵌入到 div 中，如下所示：

<GridColumn TItem="AnaAddressBooks" Context="chContext" HeaderText="@Localizer[LocalTranslations.Customers_AddressbookDefaultRole_Lbl]">
    <div>
        @if (chContext.FK_Cls_DefaultUserRole.Equals(ClsUsersRoles.OBSERVER))     {
            <i class="fa-solid fa-binoculars"></i>
        }
        @if (chContext.FK_Cls_DefaultUserRole.Equals(ClsUsersRoles.SUBCONTRACTOR)) {
            <i class="fa-solid fa-wrench"></i>
        }
    </div>
</GridColumn>

仍然无法工作并且会给出相同的错误。