<el-table
:data="tableData.data"
v-loading="tableData.loading"
style="width: 100%"
:row-key="getRowKey"
ref="multipleTableRef"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
:reserve-selection="true"
:selectable="selectEnable"
/>
const state = reactive({
checkList: []
});
const selectEnable = (row, rowIndex) => {
let index = state.checkList.findIndex(v => v.id === row.id);
if (state.checkList.length >= 10) {
return state.checkList.length >= 10 ? (index !== -1 ? true : false) : true;
}
};
const handleSelectionChange = row => {
if (row.length == 10) {
ElMessage.error("最多同时下载10份文件");
}
state.checkList = row;
};
vue3+element table多选数量限制
于 2023-05-05 10:40:22 首次发布