VUe-数组get传递

最新推荐文章于 2024-07-10 12:22:45 发布

洪君.

最新推荐文章于 2024-07-10 12:22:45 发布

阅读量3.5k

点赞数 1

本文链接：https://blog.csdn.net/qq_43532342/article/details/105813113

版权

本文介绍了在Vue中如何通过get方法传递数组参数，包括修改axios配置以支持数组格式，以及后台如何接收。此外，还分享了Vue中字符串、数组之间的转换方法和数字处理技巧，如四舍五入、向上取整、向下取整等，并提供了一些实用的过滤器示例。

摘要由CSDN通过智能技术生成

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

直接放在对象中传递数组

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请求中参