Vue中GET请求传递数组参数

如下GET请求传递一个数组参数

let params = {
                statusList: ['OVERDUE', 'DELAY']
             }
             
this.$http.get('/list', params)
            .then(res => {})
            .catch(e => {})

不做任何处理时候，参数会变成/list?statusList[]=OVERDUE&statusList[]=DELAY

statusList[]这种数据格式对后端来说是无效的

解决方案

1. 可以将数组参数传递多次，springmvc会将多个同名参数自动封装成数组或者集合对象，示例如下：

this.$http.get(‘/list?statusList=OVERDUE&statusList=DELAY')

2. 直接将数组指用逗号分隔，示例如下：

this.$http.get(‘/list?statusList=OVERDUE,DELAY')