element-ui获取用户选中项

<el-table :data="tableData" stripe border style="width: 100%" @selection-change="changeFun">   //这里添加事件

<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: [], //返回的是选中的列的数组集合

}

}

methods: {

changeFun(val) {

//获取用户的选中

this.multipleSelection = []

console.log(val);

val.forEach(item => {

this.multipleSelection.push(item.flowmeterId);

});

this.multipleSelection = Array.from(new Set(this.multipleSelection));

 

},