vue 传给后端json数组
时间: 2023-11-08 08:05:48 浏览: 244
vue与后台对街格式
可以使用axios库将json数组传给后端。具体步骤如下:
1. 在vue组件中定义一个数组,例如:
```
data() {
return {
items: [
{ name: 'apple', price: 2.5 },
{ name: 'banana', price: 1.5 },
{ name: 'orange', price: 3 }
]
}
}
```
2. 在提交表单时,使用axios将数组转换为json字符串并发送给后端,例如:
```
methods: {
submitForm() {
const json = JSON.stringify(this.items)
axios.post('/api/save', json)
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
}
}
```
3. 在后端接收json字符串并解析为数组,例如:
```
app.post('/api/save', (req, res) => {
const items = JSON.parse(req.body)
// do something with items
})
```
阅读全文