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参数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家介绍了Vue3项目中reset.scss模板使用导入示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-09-09
这篇文章主要介绍了vue如何限制只能输入正负数及小数,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
v-model 是 Vue 内置的指令作为属性接收一个变量（不能是常量）绑定到普通组件和自定义组件中，本文给大家介绍Vue3的v-model示例代码，感兴趣的朋友跟随小编一起看看吧2023-02-02
这篇文章主要介绍了vue中添加与删除，关键字搜索功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-10-10
这篇文章主要介绍了 Vue路由跳转步骤详解，主要介绍当访问API成功后跳转到新的Vue页面怎么处理，感兴趣的朋友跟随小编一起看看吧2023-07-07
这篇文章主要介绍了VUE里如何修改element-ui的显示层次与上下间隔问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用,下面这篇文章主要给大家介绍了关于降低vue-router版本的2种解决方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-07-07
本文主要介绍了Element实现动态增加多个输入框并校验，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
详解Vue SSR（ Vue2 + Koa2 + Webpack4）配置指南
这篇文章主要介绍了详解Vue SSR（ Vue2 + Koa2 + Webpack4）配置指南，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
这篇文章主要介绍了vue+elementUI如何实现顶部路由标签跳转问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
最新评论