Element UI table參數中的selectable的使用及遇到坑

Posted on by

Element UI table參數中的selectable的使用中遇到的坑：
頁面：

 <el-table-column :selectable='selectable' type="selection" :reserve-selection="true">
             </el-table-column>

網上搜瞭說這樣：

selectable(row,index) {

       if(row.id==="10001"){
           return false
       }else {
           return true
       }
    }

返回true 即為可以勾選
反之 不可勾選

但是嘞 我的數據是一個id數組
於是我改成瞭這樣：

 selectable(row,index) {
        this.arr(el=>{
            if(el==row.id){
                return false;
            }else{
                return true;
            }
        })
    }

然後不行，隻渲染數組第一位 不能勾選；for循環也是一樣的結果；這可如何是好；

說時遲那時快：靈光一現，改成瞭這樣

 selectable(row,index) {
       if(this.arr.some(el=>{return el===row.id})){
           return false;
       }else{
           return true;
       }
    }

到此這篇關於Element UI table參數中的selectable的使用的文章就介紹到這瞭,更多相關Element UI table參數內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：