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//不可勾選
                }
            },
}

三、實現效果