vue将数组传给后端
时间: 2023-08-16 10:03:34 浏览: 148
在vue中给后台接口传的值为数组的格式代码
要将数组传给后端,可以使用axios发送POST请求,将数组作为请求体的一部分发送给后端。具体实现如下:
1. 在Vue组件中定义一个数组,例如:
```
data() {
return {
myArray: [1, 2, 3, 4, 5]
}
}
```
2. 在发送POST请求时,将该数组作为请求体的一部分发送给后端,例如:
```
axios.post('/api/myApi', {
data: this.myArray
}).then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})
```
3. 在后端接收到该请求时,可以通过解析请求体获取数组,例如:
```
router.post('/api/myApi', (req, res) => {
const myArray = req.body.data
console.log(myArray)
// do something with myArray
})
```
这样就可以将Vue组件中的数组传递给后端了。需要注意的是,后端接收到的数组可能需要进行类型转换和验证。
阅读全文