vue传list到后端
时间: 2023-08-20 18:04:08 浏览: 148
vue实现图片上传到后台
5星 · 资源好评率100%
要将Vue中的list传递到后端,可以使用以下步骤:
1. 在Vue组件中定义一个list,例如:
```
data() {
return {
myList: []
}
}
```
2. 定义一个方法,用于将list发送到后端,例如:
```
methods: {
sendList() {
axios.post('/api/myList', this.myList)
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
}
}
```
3. 在Vue组件中使用该方法,例如:
```
<button @click="sendList()">发送列表</button>
```
4. 在后端接收该列表,例如使用Express框架:
```
const express = require('express')
const app = express()
app.use(express.json())
app.post('/api/myList', (req, res) => {
const myList = req.body
console.log(myList)
res.send('List received')
})
app.listen(3000, () => {
console.log('Server started on port 3000')
})
```
在这个例子中,我们使用了axios库来发送POST请求。我们还在后端使用了Express框架来接收请求。在请求中,我们使用了`express.json()`中间件来解析请求体。最后,我们使用`req.body`来获取请求体中的数据。
阅读全文