当前位置:   article > 正文

element-ui的table表格多选限制个数,隐藏全选按钮_elementtable多选最多三条

elementtable多选最多三条

效果图:

 

 

  1. <el-table ref="courseList" :data="courseList" row-key="id" @selection-change="handleCourseSelection">
  2. //...
  3. <el-table>
  4. //方法
  5. handleCourseSelection(selection) {
  6. // console.log(selection);
  7. if(selection.length > 2) {
  8. this.$message.warning(`最多只能选择2个课程`);
  9. let del_row = selection.pop()
  10. this.$refs.courseList.toggleRowSelection(del_row, false)
  11. } else {
  12. this.selsectionCourse = selection
  13. }
  14. },
  15. //在样式里面增加这个可以隐藏全选框
  16. ::v-deep .el-table__header-wrapper .el-checkbox {
  17. // display: none;//设置不成功,页面卡顿
  18. visibility: hidden;
  19. }

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号