正常传参

request是封装axios的请求方法,这部分以后贴具体的封装

import request from '@/utils/request'
export function fetchList(query) {
  return request({
    url: '/contract/',
    method: 'get',
    params: query,
  })
}
数组传参

数据定义为数组,传递的参数希望的格式是:http://ip/contract?status=1&status=3,如果直接传数组[1,3],最终会变成:http://ip/contract?status[]=1&status[]=3,需要引入 qs 解决,代码记录一下:

 data() {
    return {
      query: {
        pageIndex: 1,
        pageSize: 20,
        status: [1, 3]
      }
  }
 import request from '@/utils/request'
 import qs from 'qs'
 export function fetchList(query) {
  return request({
    url: '/contract',
    method: 'get',
    params: query,
    paramsSerializer: params => {
      return qs.stringify(params, { indices: false })
    }
  })
}

最终请求的形式:
http://ip/contract?status=1&status=3&pageIndex=1&pageSize=20

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐