在表格里添加一列多选:
<el-table-column type="selection" width="50" align="center"></el-table-column>
在table标签里添加:
@selection-change="handleSelectionChange"
在data里定义:
data() {
return {
multipleSelection: [],
}
},
获取选中的数据:
handleSelectionChange(val) {
this.multipleSelection = val;
},
一、传字符串
//获取所有选中行的id组成的字符串,以逗号分隔
this.ids= this.multipleSelection.map(item => item.textId).join()
二、传数组
在接口js文件
//引入qs
import qs from 'qs'
//test[]:1
//test[]:2
//test[]:3
//变成
//test:1
//test:2
//test:3
paramsSerializer: (params) =>{
return qs.stringify(params, { arrayFormat: 'repeat' })
}
网友评论