elementui多选往后台传数据
时间: 2023-10-11 21:20:27 浏览: 40
要将 ElementUI 的多选数据传递到后台,可以使用以下步骤:
1. 在多选组件中使用 v-model 指令绑定一个数组变量,例如:
```
<el-select v-model="selectedItems" multiple>
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
```
其中,`selectedItems` 是一个数组变量,用于保存用户选择的多个选项。
2. 在提交表单时,将 `selectedItems` 数组转换为字符串形式,发送到后台。可以使用 `JSON.stringify()` 方法将数组转换为 JSON 字符串,例如:
```
axios.post('/api/submit', {
selectedItems: JSON.stringify(this.selectedItems)
}).then(response => {
console.log(response.data)
})
```
在后台接收到数据后,需要使用相应的方法解析字符串,将其转换为数组形式进行处理。例如,使用 Node.js 中的 `JSON.parse()` 方法将 JSON 字符串转换为数组:
```
app.post('/api/submit', (req, res) => {
const selectedItems = JSON.parse(req.body.selectedItems)
// 处理选中的多项数据
})
```