vue+element的批量删除

在这里插入图片描述

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() // 获取当前所有数据
				})
			},

猜你喜欢

转载自blog.csdn.net/m0_47265814/article/details/106805976