在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue element UI 表格的多選框 如何根據(jù)條件隱藏顯示(如圖)

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

圖片描述

圖片描述

回答
編輯回答
玄鳥

提供一個方法,
通過添加相應類來控制樣式,設置 display: none ,達到隱藏 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>
2017年5月2日 08:45
編輯回答
祈歡
//狀態(tài)為1時不顯示復選框    試試這樣 
<el-table-column type="selection" width="45" v-if="checkStatus != 1"></el-table-column>
2017年5月5日 01:53