Element UI table参数中的selectable的使用及遇到坑
更新时间:2022年08月24日 08:25:40 作者:热爱前端知识
这篇文章主要介绍了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; } }
到此这篇关于Element UI table参数中的selectable的使用的文章就介绍到这了,更多相关Element UI table参数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
Vue+webpack+Element 兼容问题总结(小结)
这篇文章主要介绍了Vue+webpack+Element 兼容问题总结(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-08-08vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
这篇文章主要介绍了vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2018-01-01
最新评论