首页 > 其他分享 >element-ui中table组件的全选禁用遇到的坑?

element-ui中table组件的全选禁用遇到的坑?

时间:2023-08-28 20:23:56浏览次数:32  
标签:false 禁用 复选框 全选 ui 按钮 table element

elementui只提供了除全选之外其他复选框的禁用方法:

<el-table-column
                type="selection"
                width="80"
                align="center"
                :selectable="selectable"
></el-table-column>
// 禁用table中的复选框(不包括全选,false为禁用)
selectable () {
     return  false
},

这样复选框(除全选)会被禁用,呈置灰效果。

但全选依然可以点击,可以把全选禁用需求换成全选隐藏:

<el-table :header-cell-class-name="cellClass"  />
// table中全选按钮的隐藏
 cellClass () {
      if (this.disabled) {     // 此处可以根据需求做判断
        return 'selectAllbtnDis'
      }
},
::v-deep .selectAllbtnDis .cell .el-checkbox__inner {
  display: none;
}

需要全部禁用时,全选按钮隐藏;不需要全部禁用时,全选按钮展示。这样 也可以达到业务需求。

标签:false,禁用,复选框,全选,ui,按钮,table,element
From: https://www.cnblogs.com/heisetianshi/p/17663286.html

相关文章

  • iOS开发Swift-3-UI与按钮Button-摇骰子App(1)
    1.创建新项目Dice 2.图标 删去AppIcon,将解压后的AppIcon.appiconset文件拖入Assets包。 3.将素材点数1-6通过网页制作成2x,3x版本并拖入Asset。 4.设置对应的UI。 5.拖入Button组件并设置style。 6.Ctrl加拖拽将Button拖拽到ViewController里,并设置Connection,Nam......
  • JTS TestBuilder试用
     参考:https://blog.csdn.net/abu935009066/article/details/115304685......
  • MAUI学习之始--数据绑定,命令绑定 MVVM
    MVVMMVVM(model-view-view-model)模型之前在刚开始学Xamarin的时候,都是把页面的的表示文件(.xaml)和页面中的命令写在一起。一开始只有一两个页面还好,因为每个页面之间的联系都不是特别多,我们还能看得过来。修改的时候也还好,就想改哪里点哪里。但是奥!但是!当我们页面......
  • vue element 多个Form 表单同时验证
     多个Form内容统一提交验证1<el-formref="form1"></el-form>2<el-formref="form2"></el-form>3<el-formref="form3"></el-form>4<el-formref="form4"></el-form>......
  • UI设计和java学习哪个更有前景
    这个东西首先这样说,谈到设计都是跟灵感,还有美观有关系的,所以说UI设计得跟自己的脑洞有很大的关系,而java的话,简单的程序员就是搬砖,什么意思呢,就是去网上抄写,只要你把需求搞定就好了,而java的话属于那种加班性质比较强的。学Java还是ui,两个我觉得是完全不相同的两个方面,一个是设计为主......
  • MAUI+Masa Blazor APP 各大商店新手发布指南(二)小米篇
    目录前言审核注意事项准备材料测试与审核总结前言先说一下我们上架厂家应用商店的原因:除了方便用户下载之外,需要厂家的离线推送和微信内容分享等都需要上架应用商店(微信分享不上架有调用次数限制)。如果你的App需要在国内使用离线推送功能,也就是App不启动的场景下接收消息推送,......
  • normalizeKey is not a function #element #vue #疑难杂症
    normalizeKeyisnotafunction#element#vue#疑难杂症原因是组件中使用了import{Search}from'@element-plus/icons-vue'解决方案是,在main.ts中,将Vue的引入置顶。 //TOP import{createApp}from'vue' importAppfrom'./App.vue&......
  • buildroot 构建根文件系统(2)开机自启动脚本
    一、开发背景构建最小系统后成功运行后,有些应用或者脚本需要开机自启动,不要手动操作二、开发需求开机启动用户路径下的test.sh脚本/root/test.sh三、开发环境LinuxUbuntu 4.15.0-65-generic+ buildroot-2023.02.3+i.mx6d(cortex-A9)四、实现步骤1......
  • Vue element 表单验证不通过时,滚动到校验未通过位置
    我们在使用elementIUI实现表单验证,内容比较多的时候,提示内容会被遮挡,这时候用户不清楚什么情况,还会连续点击提交按钮。这个时候需求来啦:我们需要在表单验证不通过的时候,页面滚动到对应校验不通过的位置。大致思路在表单验证方法validate中,提供了两个参数:是否校验成功,和未通过校......
  • Python exe文件打包神器-Nuitka! 转载
    一.pyinstaller和Nuitka使用感受1.1使用需求这次也是由于项目需要,要将python的代码转成exe的程序,在找了许久后,发现了2个都能对python项目打包的工具——pyintaller和nuitka。这2个工具同时都能满足项目的需要:隐藏源码。这里的pyinstaller是通过设置key来对源码进行加密的;而nuitka......