<!-- table表格 :row-selection="onSelectionChange" -->
<a-table
:row-selection="onSelectionChange"
>
</a-table>
<!-- 在data里边创建checkIdList: [], selectedRows: []集合,
想要把选择的数据清空的时候,只需要把 this.checkIdList = [] -->
computed: {
onSelectionChange() {
let _this = this
return {
selectedRowKeys: _this.checkIdList,
onchange(selectedRowKeys, selectedRows) {
<!-- 选择超出限制进行提示 -->
if (selectedRowKeys.length > 10) {
_this.$message.error('每次操作最多只能选择10条数据')
return
}
<!-- 每次操作先清空原来数据 -->
_this.checkIdList = []
if(selectedRows.length > 0) {
selectedRows.forEach(s => {
_this.checkIdList .push(s.id)
})
}
_this.selectedRows = selectedRows
},
<!-- 根据条件复选框是否禁用 -->
getCheckboxProps: record => ({
props: {
disabled: record.name !== '小红'
}
})
}
}
}
Vue antdv复选框限制选择数量,默认禁用复选框
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 1、默认禁用效果禁用用selectable控制 table的list数据需要有个字段标识是否禁用 例如canC...
- 因为项目需要,要对element ui中table表格的多选按钮进行可勾选和不可勾选 的操作简单,易上手一、在复选...
- vue+element中table框在最前面加复选框变单选的问题_复选框,vue_飞翔༒之翼-CSDN博客