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;
}
}
完美解決!