首页 > 其他分享 >el-table中的selectable的使用方法 tl-table中控制列表第一列 勾选框是否禁用

el-table中的selectable的使用方法 tl-table中控制列表第一列 勾选框是否禁用

时间:2023-07-04 19:58:01浏览次数:48  
标签:el return table selectable 勾选框 id row

el-table中的selectable的使用方法 tl-table中 控制列表第一列 勾选框是否禁用
原文链接:https://huaweicloud.csdn.net/63a004ccdacf622b8df912b8.html

el-table中的selectable的使用方法

html代码

<el-table-column
    type="selection"
    width="55"
    :selectable="selectable"
    :reserve-selection="true"
    align="center">
</el-table-column>

js代码

 //判断是否禁用.
checkStatus(row, index){
    if(this.arr.some(el=>{return el===row.id})){
         return false;
    }else{
         return 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;
       }
    }

完美解决!

标签:el,return,table,selectable,勾选框,id,row
From: https://www.cnblogs.com/sunny3158/p/17526821.html

相关文章

  • FreeWheel基于Go的实践经验漫谈——GC是大坑(关键业务场景不用),web框架尚未统一,和c++性
    Go语言是FreeWheel公司目前主要力推的一个方向,在其看来,面向服务的架构的大环境中,Go非常适合做一些功能相对独立、功能比较明确的微服务的语言。在结合已有的各种编程语言,计算框架(如Hadoop、Java、Ruby、C++)的基础上,FreeWheel把Go语言定位成用来实现轻量级服务或API的缺省编程语言,将......
  • Element-常用组件-表格-表单-对话框-分页工具条
     <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><!--格式--><style>.el-table.warning-row{background:oldlace;......
  • 记录--组件库的 Table 组件表头表体是如何实现同步滚动?
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言在使用Vue3组件库NaiveUI的数据表格组件DataTable时碰到的问题,NaiveUI的数据表格组件DataTable在固定头部和列的示例中,在键盘操作下表格横向滚动会有问题,本文是记录下解决问题的过程,并最后向Naiv......
  • Python | yield关键字详解
    yield关键字的说明yield是Python中的一个关键字,它通常与生成器函数一起使用。yield就是保存当前程序执行状态。你用for循环的时候,每次取一个元素的时候就会计算一次。用yield的函数叫generator,和iterator一样,它的好处是不用一次计算所有元素,而是用一次算一次,可以节省......
  • Element select表单必填验证
    特别注意:如第一段代码这里的区别是prop和v-model绑定的值不一样,这样的话是不行的,他们两个的值必须一样!!!!!而且还有一种情况,就是roleStatus必须要放在form里面,而且还必须是一个数组!!!!错误写法prop和v-model不一致<el-formlabel-width="300px":rules="rules":model="changeSourceDa......
  • elasticsearch best_fields most_fields cross_fields从内在实现看区别——本质就是前
    1.最佳字段(Bestfields)::假设我们有一个让用户搜索博客文章的网站(允许多字段搜索,最佳字段查询),就像这两份文档一样:PUT/my_index/my_type/1{"title":"Quickbrownrabbits","body":"Brownrabbitsarecommonlyseen."}PUT/my_index/my_type/2{"......
  • powershell profile
    functionwelcome{echo"________|||||||||/_|||||_____|||________......
  • el-table中header里面写多层循环el-input无法修改其值
    之前看别人加了@input.native="change($event,index)"change(e,index){console.log('e',e,e.target.value);//this.tableColumns[index].fieldName=e;letobj=Object.assign({},obj,{fieldName:e.target.value});......
  • 【VMware Workstation】此平台不支持虚拟化的Intel VT-x/EPT。不使用虚拟化的Intel VT
    今天在使用虚拟机启动redhat8.x系统时一直报错:尝试了网上很多方案无果,解决方案是修改hypervisorlaunchtype为off打开PowerShell运行:bcdedit/sethypervisorlaunchtypeoff重启电脑即可。......
  • Java 委托和继承(Delegation and Inheritance)
    https://blog.csdn.net/Seriousplus/article/details/80462722委派和继承都是为了提高代码的复用性,只是方式不同。委派:一个对象请求另一个对象的功能,捕获一个操作并将其发送到另一个对象。继承:利用extends来扩展一个基类。Delegation(委托)委托依赖于动态绑定,因为它要求特定......