vue element UI 表格的多選框 如何根據(jù)條件隱藏顯示(如圖)

提供一個(gè)方法，
通過(guò)添加相應(yīng)類來(lái)控制樣式，設(shè)置 display: none ,達(dá)到隱藏 checkbox 的目的。

利用Table Attributes 屬性里面的 cell-class-name 屬性，添加單元格的class

 <template>
    <el-table
     :cell-class-name="cellcb"
     ...
    >
     </el-table>
    
</template>

<script>
  methods: {
    cellcb(row){
      if(row.row.checkStatus === 1&&row.columnIndex === 0){
        return "myCell"
      }
    }
  
</script>

<style>
 .myCell .el-checkbox__input {
  display: none
}
   
</style>

//狀態(tài)為1時(shí)不顯示復(fù)選框    試試這樣 
<el-table-column type="selection" width="45" v-if="checkStatus != 1"></el-table-column>