批量功能传参问题

2020-01-16  本文已影响0人  小睿同学

在表格里添加一列多选:

<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' })
}
The End
上一篇 下一篇

猜你喜欢

热点阅读