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; } }
完美解决!
相关推荐
Feastaw 2020-06-11
世樹 2020-11-11
SCNUHB 2020-11-10
bleach00 2020-11-10
FellowYourHeart 2020-10-05
momode 2020-09-11
思君夜未眠 2020-09-04
jessieHJ 2020-08-19
行吟阁 2020-08-09
表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。在HTML网页中,要想创建表格,就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
gufudhn 2020-08-09
末点 2020-08-03
nimeijian 2020-07-30
好记忆也需烂 2020-07-28
zlsdmx 2020-07-05
tomson 2020-07-05
tianqi 2020-07-05
onlykg 2020-07-04