vue get请求传数组,get请求传数组

有两种方式：

1.手动转换

定义转换方法：

    converToUrl(requestParams){
      let params = [];
      Object.entries(requestParams).forEach(([key, value]) => {
        let param = key + '=' + value;
        params.push(param);
      });
      return '?' + params.join('&');
    },

使用方式如下：

 let param = { ids: [1,2,3,4] };
 var converParam = this.converToUrl(param);

然后直接在URL链接后面加上该参数即可：

api.url + converParam

2.通过qs插件

// 在项目中使用命令行工具输入
npm install qs
// 引入qs插件
import qs from 'qs'

使用方式如下：

 let param = { ids: [1,2,3,4] };
 var converParam = qs.stringify(param, { arrayFormat: 'repeat' });

在URL链接后面加上一个？即可

api.url + '?' + converParam

后端直接通过如下方式接收即可：

    @GetMapping("/delete")
    @ApiOperation("删除")
    public CommonResult<Boolean> delete(@RequestParam("ids") List<Long> ids) {
        return success(true);
    }