element table的selection根据条件禁用

空常致

于 2022-03-16 15:45:02 发布

阅读量2.9k

点赞数 3

文章标签： elementui vue.js 前端

本文链接：https://blog.youkuaiyun.com/m0_59462557/article/details/123528186

版权

在日常开发中表格中的其中一行因为状态不符合选择标准，要禁止选用它，只需要在table的type="selection"列新增一个selectable方法

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

handleDisable(row,index){
        if (row.state == 'xxx') {
          return false
        }else{
          return true
        }
    },

这样就是每一行的状态等于xxx的时候禁止选中