vue+element的批量删除

最新推荐文章于 2023-10-06 18:15:04 发布

小浪花a

最新推荐文章于 2023-10-06 18:15:04 发布

阅读量630

点赞数

分类专栏： vue 文章标签： vue 接口 css vue.js javascript

本文链接：https://blog.csdn.net/m0_47265814/article/details/106805976

版权

vue 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

在这里插入图片描述

html中

一个小按钮

<el-button type="primary" icon="delete" @click="delAll">批量删除</el-button>

监视小框框

<el-table :data="selectList.slice((currentPage-1)*pagesize,currentPage*pagesize)" height="400" border
                      class="table" style="width: 100%" ref="multipleTable" @selection-change="handleSelectionChange">
                      //内部是一条一条数据
</el-table>

js的methods中

handleSelectionChange(val) { // 序号前面的小选择框，可以添加进去，序号
                this.multipleSelection=val
            },

delAll() {
				var ids=this.multipleSelection.map(item => item.id).join()
				// this.multipleSelection=JSON.stringify(this.multipleSelection)
				
				deleteInBatch ({
					//idList:this.multipleSelection,
					idList:ids
					
				}).then(res =>{
					this.$message.success('批量删除成功！')
					this.selectList = [] //清空所有数据列表
					this.getAllQuestion() // 获取当前所有数据
				})
			},