element ui:table表格多选,根据条件禁用某一行的多选框

这两天写需求的时候,有一个需求是table表格可以多选,但是有些行需要根据条件禁用多选

要实现这种效果,查看了半天文档,有百度了半天,终于理解是咋整的了

关键就是这里,只对type=selection的列有效,然后是一个function,参数有row,index,返回true和false来控制多选的是否可以勾选

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

method: {
    selectable(row,index) {
        //伪代码
        return "禁用的条件"
    }
}

然后就ok啦