VUE+ElementUI对Table的多选进行批量操作（复选框勾选删除）完整功能实现

最新推荐文章于 2025-05-08 16:49:24 发布

ironybbb

最新推荐文章于 2025-05-08 16:49:24 发布

阅读量1.3w

点赞数 26

本文链接：https://blog.youkuaiyun.com/weixin_43185419/article/details/118958541

版权

其实实现批量操作功能的重点在于如何取到索引值，之前懵懵懂懂不明白，想通了之后还是比较简单的。

ElementUI:选择多行数据时使用 Checkbox。当用户勾选目标信息时，会触发selection-change事件。

<el-button type="warning" @click="deleteSelectItem">批量删除</el-button>
<el-table
            ref="multipleTable"
            :data="searchlist"
            tooltip-effect="dark"
            style="width: 100%"
            @selection-change="handleSelectionChange">
            <el-table-column type="selection" width="55"