vue-批量删除遇到的问题

使用element-ui的表格
后端需要的数据：？ids=1&ids=2

使用axios.delete进行删除
axios.delete(url,params)
params是对象

前端传递数据：

    batchDelete(){
      let selectData = this.$refs.multipleTable.selection
      // 将id提取出来
      for(let i=0;i<selectData.length;i++){
        this.checkVal.push(Number(selectData[i].categoryId))
      }
      // console.log(this.checkVal);
      let url = '/auth/category/batchDelete'
      //这里传递的params必须是对象
      delBatch(url,{ids:this.checkVal}).then(resp=>{
      	console.log(resp)
      }) 
    }

封装的axios的delBatch()方法

添加参数序列化的方法qs.stringify

默认情况下：qs.stringify序列化数组会输出带有索引的格式：ids[0]=1&ids[1]=1

所以添加{ indices: false }
会重写ids，不会输出确切索引

export function delBatch(url,params){

  return instance.delete(url,{params,paramsSerializer: params => {
    return qs.stringify(params, { indices: false })
  }})
}

其他一些方法

let params = [1, 2, 3];

// indices(默认) qs.stringify({a: params}, {
arrayFormat: ‘indices’ }) // 结果是 ‘a[0]=1&a[1]=2&a[2]=3’

// brackets qs.stringify({a: params}, {
arrayFormat: ‘brackets’ }) // 结果是 ‘a[]=1&a[]=2&a[]=3’

// repeat qs.stringify({a: params}, {
arrayFormat: ‘repeat’ }) // 结果是 ‘a=1&a=2&a=3’

来源：https://www.cnblogs.com/small-coder/p/9115972.html