Element UI table参数中的selectable的使用

lei___ 发布于2019-08-30 15:53 / 2739人阅读

摘要：参数中的的使用中遇到的坑页面网上搜了说这样返回即为可以勾选反之不可勾选但是嘞我的数据是一个数组于是我改成了这样然后不行，只渲染数组第一位不能勾选循环也是一样的结果这可如何是好说时迟那时快灵光一现，改成了这样完美解决

Element UI table参数中的selectable的使用中遇到的坑：
页面：

网上搜了说这样：

                            
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;
       }
    }

完美解决！

GPU云服务器云服务器 element-ui element-ui dialog组件 js清空table中的数据 js获取table中的数据

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/116780.html

vue封装element-ui的table组件,灵活配置表头实现表格内编辑，按钮，链接等功能。

摘要：一封装的组件定义表格高度全屏增加前台分页功能。表格内编辑后，自动选中该行。单元格内数据样式单元格内按钮，可多个。触发组件绑定函数，参数按钮名称，按钮样式，按钮事件标识。单元格是否可点击的判断函数，可进行复杂的函数判断。 vue-bxz-table 一、封装element-ui的table组件：定义表格高度全屏增加前台分页功能。自定义表头，循环输出整体表结构。表格内编辑（输入框...

henry14 2019-08-26 13:30 评论0 收藏0
手摸手，带你用vue撸后台系列三(实战篇)

摘要：社区的认可目前已经是相关最多的开源项目了，体现出了社区对其的认可。监听事件手动维护列表这样我们就简单的完成了拖拽排序。完整项目地址：vue-element-admin 系类文章一：手摸手，带你用vue撸后台系列一(基础篇)系类文章二：手摸手，带你用vue撸后台系列二(登录权限篇)系类文章三：手摸手，带你用vue撸后台系列三(实战篇）系类文章四：手摸手，带你用vue撸后台系列...

Channe 2019-08-20 17:15 评论0 收藏0
手摸手，带你用vue撸后台系列三(实战篇)

摘要：社区的认可目前已经是相关最多的开源项目了，体现出了社区对其的认可。监听事件手动维护列表这样我们就简单的完成了拖拽排序。完整项目地址：vue-element-admin 系类文章一：手摸手，带你用vue撸后台系列一(基础篇)系类文章二：手摸手，带你用vue撸后台系列二(登录权限篇)系类文章三：手摸手，带你用vue撸后台系列三(实战篇）系类文章四：手摸手，带你用vue撸后台系列...

zgbgx 2019-08-29 12:46 评论0 收藏0
开发中遇到的问题总结

摘要：获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

Yuqi 2019-08-30 15:56 评论0 收藏0