Vue.js —— 使用axios发送数组

背景:
组件用的是element-ui,因为它和vue切合度最好。我想实现下拉框搜索实现对信息的筛选,但是呢,传递数组到后台的时候页面控制台总是报数组的格式不对。

页面部分

      
        
      

后台接收参数部分

public Object list(....		
                       @RequestParam(required = false) Integer[] enginCategoryArray,
               .....){
               .....
         }

api js部分

import request from '@/utils/request'

export function listCategory(query) {
  return request({
    url: '/category/list',
    method: 'get',
    params: query
  })
}

错误格式:

'a[]=1&a[]=2'

后台支持的正确格式

'a=1&a=2'

解决方法

  1. 在确定页面v-model 中的data数据格式对情况下,再看第2点。
    2Vue.js —— 使用axios发送数组_第1张图片
    3.添加以上两个部分就搞定

更多qs功能可以参考 https://www.npmjs.com/package/qs

你可能感兴趣的:(vue)