🚀 作者主页: 有来技术
🔥 开源项目: youlai-mall 🍃 vue3-element-admin 🍃 youlai-boot
🌺 仓库主页: Gitee 💫 Github 💫 GitCode
💖 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请纠正!
代码
在 el-table-column
设置属性 reserve-selection
为 true
即可,代码如下
<el-tableref="tableRef"v-loading="loading":data="list"row-key="id"@selection-change="handleSelectionChange"><el-table-columntype="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>
开源项目
- 微服务商城项目
Github | Gitee | |
---|---|---|
开源组织 | 有来开源组织 | 有来开源组织 |
后端 | youlai-mall 📖 | youlai-mall 📖 |
前端 | mall-admin🌎 | mall-admin 🌎 |
移动端 | mall-app 🌎 | mall-app 🌎 |
- 前后端分离项目
Github | Gitee | |
---|---|---|
开源组织 | 有来开源组织 | 有来开源组织 |
后端 | youlai-boot 📖 | youlai-boot 📖 |
前端 | vue3-element-admin 🌎 | vue3-element-admin 🌎 |