element-ui中table組件的全選禁用遇到的坑?
elementui只提供了除全選之外其他復(fù)選框的禁用方法:
<el-table-column type="selection" width="80" align="center" :selectable="selectable" ></el-table-column>
// 禁用table中的復(fù)選框(不包括全選,false為禁用) selectable () { return false },
這樣復(fù)選框(除全選)會被禁用,呈置灰效果。
但全選依然可以點擊,可以把全選禁用需求換成全選隱藏:
<el-table :header-cell-class-name="cellClass" />
// table中全選按鈕的隱藏 cellClass () { if (this.disabled) { // 此處可以根據(jù)需求做判斷 return 'selectAllbtnDis' } },
::v-deep .selectAllbtnDis .cell .el-checkbox__inner { display: none; }
需要全部禁用時,全選按鈕隱藏;不需要全部禁用時,全選按鈕展示。這樣 也可以達到業(yè)務(wù)需求。

浙公網(wǎng)安備 33010602011771號