多个el-select向后台传值,如何分别拿取值
时间: 2023-04-08 21:02:08 浏览: 99
对于这个问题,我可以给出一些建议。首先,你可以在每个el-select中设置一个v-model属性,用于绑定选中的值。然后,当用户点击提交按钮时,你可以通过遍历每个el-select的v-model属性,将选中的值传递给后台。具体实现方式可以参考以下代码:
```
<template>
<div>
<el-select v-model="value1">
<el-option label="Option 1" value="1"></el-option>
<el-option label="Option 2" value="2"></el-option>
</el-select>
<el-select v-model="value2">
<el-option label="Option 3" value="3"></el-option>
<el-option label="Option 4" value="4"></el-option>
</el-select>
<el-button @click="submit">提交</el-button>
</div>
</template>
<script>
export default {
data() {
return {
value1: '',
value2: ''
}
},
methods: {
submit() {
const values = {
value1: this.value1,
value2: this.value2
}
// 将选中的值传递给后台
// ...
}
}
}
</script>
```
希望这个建议能够帮助你解决问题。
阅读全文