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; } }
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)