Vuetify数据表项目插槽

Question

我正在尝试使用自定义项目（行）模板构建数据表。 项目模板接收选择函数和isSelected属性。 isSelect属性可以正常工作，应该提供什么参数来选择，以便当我单击复选框时，它会切换选中符号（意味着isSelected属性会切换）

我尝试了以下方法

@onclick="select(!isSelected) => does nothing
@onclick="select(isSelected)  => does nothing
@onclick="select(props.item)  => Checkbox gets checked but can not toggle afterwards
@onclick="select()"           => Checkbox gets checked but can not toggle afterwards

我的项目模板如下

            <template v-slot:item="props">
                <tr class="w-100">
                    <td style="min-width:20px;">
                        <v-checkbox :input-value="props.isSelected" @click="props.select(props.item)" style="max-width:20px; min-width:20px" primary hide-details></v-checkbox>
                    </td>
                    <td v-for="(col,i) in columns" :key="i" :class="GetColumnAlignment(i)" :style="GetColumnWidth(i)"
                        @click="RowClicked(props)" v-if="col.type != 'hidden'"
                        style="border: 1px solid #eeeeee;  white-space: nowrap;">
                        <gridfield :state="GetState"
                                   :column="getColDefinition(i)"
                                   :label="getColLabel(i)"
                                   @change="updateExtdataModel($event,i,props.item)"
                                   @click="ButtonClicked($event,props.item)"
                                   @SearchInputChanged="SearchInputChanged($event,col,props.item)"
                                   :invalue="getColDefinition(i).type == 'button'? getColDefinition(i).label : props.item[i]"
                                   :type="getColType(i)"
                                   :attributes="GetColAttributes(i,props.item.id)">
                        </gridfield>
                    </td>

                </tr>
            </template>