美文网首页
Vue+element table表格中如何禁用部分复选框

Vue+element table表格中如何禁用部分复选框

作者: margery | 来源:发表于2019-08-22 15:54 被阅读0次

因为项目需要,要对element ui中table表格的多选按钮进行可勾选和不可勾选 的操作
简单,易上手
一、在复选框 加一个事件 :selectable='selectInit'

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

二、在事件中判断

selectInit(row,index){
        if(row.status==2){
            return false  //不可勾选
        }else{    
            return true  //可勾选
        }
}

完事!!!

相关文章