el-table中的selectable的使用方法 tl-table中 控制列表第一列 勾选框是否禁用
原文链接:https://huaweicloud.csdn.net/63a004ccdacf622b8df912b8.html
el-table中的selectable的使用方法
html代码
<el-table-column type="selection" width="55" :selectable="selectable" :reserve-selection="true" align="center"> </el-table-column>
js代码
//判断是否禁用. checkStatus(row, index){ if(this.arr.some(el=>{return el===row.id})){ return false; }else{ return 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; } }
完美解决!
标签:el,return,table,selectable,勾选框,id,row From: https://www.cnblogs.com/sunny3158/p/17526821.html