代码
在 el-table-column
设置属性 reserve-selection
为 true
即可,代码如下
<el-table
ref="tableRef"
v-loading="loading"
:data="list"
row-key="id"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="80"
align="center"
:reserve-selection="true"
/>
<!--...-->
</el-table>
<script setup lang="ts">
const selectedIds = ref<number[]>([]); // 选中的行ID
/** 行选中 change 事件 */
function handleSelectionChange(rows: any[]) {
selectedIds .value = rows.map(
(item: any) => item.id
);
}
</script>
开源项目
- 微服务商城项目
- 前后端分离项目