element-ui的table表格多选限制个数，隐藏全选按钮

最新推荐文章于 2024-03-15 13:24:29 发布

宴玖

最新推荐文章于 2024-03-15 13:24:29 发布

阅读量832

点赞数 2

分类专栏： vue 文章标签： ui vue.js elementui

本文链接：https://blog.csdn.net/Ccuurree/article/details/132086691

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

效果图：

<el-table ref="courseList" :data="courseList" row-key="id" @selection-change="handleCourseSelection">
//...
<el-table>



//方法
handleCourseSelection(selection) {
            // console.log(selection);
        if(selection.length > 2) {
          this.$message.warning(`最多只能选择2个课程`);
          let del_row = selection.pop()
          this.$refs.courseList.toggleRowSelection(del_row, false)
        } else {
          this.selsectionCourse = selection
        }
      },


//在样式里面增加这个可以隐藏全选框
::v-deep .el-table__header-wrapper .el-checkbox {
  // display: none;//设置不成功，页面卡顿
  visibility: hidden;
}