官方有個(gè)屬性selectable 設(shè)置chechBox是否可以勾選，結(jié)合在初始化獲取數(shù)據(jù)時(shí)候toggleAllSelection選中checkBox， 最后并沒(méi)有效果，checkBox沒(méi)有選中，不知道是啥原因，找了很多文章也沒(méi)有看到實(shí)際解決問(wèn)題的，所以換了一種思路，如下：

重點(diǎn)：@select和@select-all結(jié)合

<el-table:data="receivableList"style="width: 100%"ref="multipleTable"@selection-change="handleSelectionChange"@select="handleSelect"   // 用戶(hù)選擇checkBox觸發(fā)的事件@select-all="handleSelectAll" // 用戶(hù)選擇全選觸發(fā)的事件><el-table-column type="selection" width="50" fixed="right"></el-table-column>
</el-table>

getReceivableList() {//關(guān)鍵代碼，數(shù)據(jù)處理請(qǐng)結(jié)果業(yè)務(wù)進(jìn)行相關(guān)調(diào)整receivableList().then((response) => {this.receivableList = response.data.receivableList; //列表數(shù)據(jù)if (this.receivableList.length) {this.$refs.multipleTable.toggleAllSelection();  // 設(shè)置全選中this.selectList = this.receivableList  // 選中的數(shù)據(jù)} });},

    // 選中行：如果沒(méi)有權(quán)限 不讓其取消handleSelect(selection, row) {if(!this.$hasPermi("編輯清單") && selection.length != this.selectList.length) {this.$refs.multipleTable.toggleRowSelection(row, true);this.$message.warning("沒(méi)有權(quán)限編輯清單，請(qǐng)聯(lián)系管理員");}},// 全選 取消：如果沒(méi)有權(quán)限 強(qiáng)制全部選中handleSelectAll(selection) {if(!this.$hasPermi("編輯清單") && selection.length == 0) {this.$refs.multipleTable.toggleAllSelection();this.$message.warning("沒(méi)有權(quán)限編輯清單，請(qǐng)聯(lián)系管理員");}}

整體思路就是用戶(hù)點(diǎn)擊取消了，都給它再設(shè)置選中，就這么簡(jiǎn)單，雖然實(shí)現(xiàn)了但是感覺(jué)很雞肋，如有其他實(shí)現(xiàn)方式，煩請(qǐng)?jiān)u論相告，謝謝奧~~