Element UI table參數中的selectable的使用


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;
       }
    }

完美解決!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM