展示完默认勾选的复选框后，对el-tag进行删除，可是el-table复选框并没有取消选中，求解？

Z时代
2024-02-08
分类：IT

展示完默认勾选的复选框后，对el-tag进行删除，可是el-table复选框并没有取消选中；
只有先对el-table复选框有所操作后，点击el-tag删除，复选框才会取消；
如何解决会显现后el-tag对复选框的操作呢？

<div class="tagBox">
    <el-tag
        v-for="(tag, index) in selectionData"
        class="tagItem"
        :key="index"
        closable
        :disable-transitions="false"
        @close="handleCloseTag(tag)"
    >
        {{ tag.itemCode }} - {{ tag.itemName }}
    </el-tag>
</div>
<el-table
    border
    :loading="listQuery.loading"
    size="small"
    ref="mutipleTable"
    :data="partData"
    :row-key="getRowKeys"
    @select="handleSelectionChange"
    >
    <el-table-column type="selection" :reserve-selection="true" width="55" />
    <el-table-column property="itemCode" label="零件号"></el-table-column>
    <el-table-column property="itemName" label="零件名称"></el-table-column>
</el-table>
getKnowLocationList () {
            getKnowLocationList(this.locationId).then((res) => {
                let data = []
                let selectionArr = []
                res.partInfos && res.partInfos.length && res.partInfos.forEach((row) => {
                    data.push(row.itemBizId)
                    selectionArr.push(row)
                })
                this.partData.forEach((row) => {
                    if (data.indexOf(row.itemBizId) != -1) {
                        this.$nextTick(() => {
                            this.$refs.mutipleTable.toggleRowSelection(row, true)
                        })
                    }
                })
                this.selectionData = selectionArr
            });
        },
        // 统计table选中
        handleSelectionChange (selection) {
            let stockSelectlist = [];
            selection.forEach((el) => {
                stockSelectlist.push(el);
            });
            this.selectionData = stockSelectlist
        },
        // 删除table选中
        handleCloseTag (tag) {
            this.removeByValue(this.selectionData, 'itemBizId', tag.itemBizId)
            this.$nextTick(() => {
                this.$refs.mutipleTable.toggleRowSelection(tag)
            })
        },
        removeByValue (arr, code, value) {
            var index = 0;
            for (var i in arr) {
                if (arr[i][code] === value) {
                    index = i;
                    break;
                }
            }
            arr.splice(index, 1);        },