vue中get方法如何传递数组参数

时间：2019-08-27 14:39:58 收藏：0 阅读：2043

直接放在对象中传递数组

export function getCrApplicationList(data) {
  var test = [‘111‘, ‘222‘]
  return request({
    url: ‘/applicant/CrApplication/List‘,
    method: ‘get‘,
    params: { test }
  })
}

传递的参数格式如下：

技术分享图片

但是这样的话后台是取不到值的，我们需要把数组变成如下这种格式：

test：111
test：222

首先找到axios.js，加如下代码：

if (config.method === ‘get‘) {
    // 如果是get请求，且params是数组类型如arr=[1,2]，则转换成arr=1&arr=2
    config.paramsSerializer = function(params) {
      return qs.stringify(params, { arrayFormat: ‘repeat‘ })
    }
  }

如果get请求中参数是数组格式，则数组里每一项的属性名重复使用。

效果如下：

技术分享图片

/****************************我是可爱的分割线********************************/

技术分享图片

原文：https://www.cnblogs.com/merryan-share/p/11418152.html