項目element-ui checkbox里面獲取選中項 實現批量刪除 修改

<el-table :data="tableData" stripe border style="width: 100%" @selection-change="changeFun">    //這里做一個事件 checkbox發生改變時觸發

<el-table-column type="selection" width="55" ref="multipleTable"></el-table-column>

<el-table-column prop="index" label="序號" width="180"></el-table-column>

<el-table-column prop="flowmeterType" label="設備類型"></el-table-column>

<el-table-column prop="flowmeterNo" label="設備編號"></el-table-column>

<el-table-column prop="flowmeterModel" label="設備型號"></el-table-column>

<el-table-column prop="userName" label="用戶姓名"></el-table-column>

<el-table-column prop="phone" label="聯系方式"></el-table-column>

<el-table-column prop="installationLocation" label="所屬小區"></el-table-column>

<el-table-column prop="regionMap.level1" label="所屬二級分區"></el-table-column>

<el-table-column prop="regionMap.level2" label="所屬一級分區"></el-table-column>

<el-table-column label="操作">

<template slot-scope="scope">

<el-button size="mini" @click="handleEdit(scope.$index, scope.row)">修改</el-button>

<el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">刪除</el-button>

</template>

</el-table-column>

</el-table>

 

 

data{

　　return {

　　　　multipleSelection: [] //返回的是選中的列的數組集合　  這里接收用戶選中的id  默認放在這個數組里面　

}

}

 

 

methods: {

changeFun(val) { //獲取用戶的選中

console.log(val);

//this.multipleSelection = val // 返回的是選中的列的數組集合

val.forEach(item => {

this.multipleSelection.push(item.flowmeterId);   //把所有的id放進multipleSelection

})

console.log(this.multipleSelection)

 

},

PLdelete() { //批量刪除流量計

console.log(this.multipleSelection)

this.$ajax.delete("/dataManagement/basic/deletedBatch",{flowmeterIds:this.multipleSelection})

.then(res => {

console.log(res);

})

},