vue + element 项目中，表格多选状态如何禁选

vue + element 项目中，表格多选状态如何禁选

一、 应用情景

因需求，要对elementUI中table表格的多选框进行 可勾选 和 不可勾选 的处理

二、 具体步骤

1. 给 type 属性为 selection 的<el-table-column />加一个事件 :selectable='selectInit’

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

2. 在methods中添加事件

methods: {
            /**
             *  判断是否可回收
             */
            selectInit(row, index) {
                if (row.status == 2 || row.status == 6 || row.status == 9) {
                    return true; //可勾选
                }else {
                    return false//不可勾选
                }
            },
}

三、实现效果