<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;
}
element-ui的table表格多选限制个数,隐藏全选按钮
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 首先我们把全选框换成自己想要的文字:这里有使用header-cell-class-name属性给表头添加自定义cl...
- 前言 在开发后台管理系统中,表格是经常用到的数据展示方式。然而,有时候表格展示的列过多,会出现一屏展示不下,需要手...
- 第一次使用element-UI组件,所以一路是遇到问题解决问题,解决一个问题又遇到一个问题,所以每次解决完问题,我...
- 在使用table组件时会遇到以下情况:1.表格多选时如果存在分页,当点击下一页后再次返回当前页时选中状态没有保留下...