• 項目需求：表格前加一列多選框，可以做多選和提交，還可以在提交后、重置或者翻頁后對多選框清空

• 使用的組件是ant中下的可操作選擇的table；這樣我們就知道復選框選中的那些數據id，其實就是selectedRowKeys數組里的id，操作就可控了；

• 效果

.
.
.

• 主要思路是：在提交后、重置或者翻頁后對多選框清空，

this.selectedRowKeys = [];

• 其中對于已同步的數據，按照正常來說，復選框應該置灰不可選的；但是我沒有用table下的可選擇復選框那個組件，我自己的辦法是，點擊選擇的時候，會觸發(fā)多選框的方法onSelectChange；自己手動將未同步的數據選出來，然后賦值給selectedRowKeys；

onSelectChange(selectedRowKeys) {var _self = this;var dataIds = [];this.data.forEach(ele =>{if (ele.status == '未同步') {dataIds.push(ele.databaseId);}})// console.log('可選的id',dataIds);// console.log('選擇了多選框', selectedRowKeys);var aaa = []dataIds.forEach(ele =>{selectedRowKeys.forEach(num =>{if (num == ele) {// console.log(ele);aaa.push(ele);}})})// this.selectedRowKeys = selectedRowKeys;//手動篩選出可選的 賦值給組件的selectedRowKeys this.selectedRowKeys = aaa;},

總結

以上是生活随笔為你收集整理的ant中table表格的多选框如何清空的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。