element表格多选删除后怎么清空勾选状态

效果图:
在这里插入图片描述
在这里插入图片描述

//记住勾选
getRowKey (row) {
    return row.id
 },
//删除和清空表格勾选状态
        delPurchase () {
            this.multipleSelection.forEach(item => {
                this.tableData3.forEach((item1, index) => {
                    if (item.id == item1.id) {
                        this.tableData3.splice(index, 1)
                        this.tableData4.forEach((item2, index) => {
                        //判断删除id是否等于传递过来的数据,是就将勾选状态取消
                            if (item1.id == item2.id) {
                               this.$refs.multipleTable.toggleRowSelection(this.tableData4[index], false);
                            }
                        })                  
                    }
                })

            })
        },
//清空所有的勾选状态
this.$refs.multipleTable.clearSelection()

//element的表格错位
/deep/.el-table th.gutter {
    display: table-cell !important;
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章