vue element表格多选框根据条件显示隐藏

利用Table Attributes 属性里面的 cell-class-name 属性,添加单元格的class
class属性display:none

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

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

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

vue element表格多选框根据条件显示隐藏_第1张图片

你可能感兴趣的:(vue element表格多选框根据条件显示隐藏)