vue---element中el-table中是否能选中

65 阅读1分钟

看效果

image.png 红色部分是不能够被选中的,具体操作如下

element官网提供的属性

image.png

具体代码

步骤1、在模板中使用选择框属性 type="selection"

  <el-table-column
        type="selection"
        :selectable="selectable"
        width="55"
        align="center"
     />

步骤2、在方法中

    selectable(row, columnIndex) {
      return this.showButton(row);
    },
    showButton(row) {
      if (符合的条件能够被选,返回true) {
        return true;
      } else {
        return false;
      }
    },

步骤3、复制粘贴,拿去