vue el-select 向后端传value
时间: 2023-07-26 10:16:55 浏览: 144
vue.js 获取select中的value实例
您可以在 `el-select` 组件上使用 `v-model` 指令来绑定选中的值,然后在触发选中值改变的事件时,将该值作为参数传递给后端接口。例如:
```
<el-select v-model="selectedValue" @change="handleChange">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
...
data() {
return {
selectedValue: '',
options: [
{ label: 'Option 1', value: '1' },
{ label: 'Option 2', value: '2' },
{ label: 'Option 3', value: '3' }
]
}
},
methods: {
handleChange() {
// 将选中的值传递给后端接口
// 例如使用 axios 发送 POST 请求
axios.post('/api/submit', { value: this.selectedValue })
.then(response => {
// 处理响应结果
})
.catch(error => {
// 处理请求错误
})
}
}
```
在上述示例中,`selectedValue` 绑定了 `el-select` 组件的选中值,`handleChange` 方法在选中值改变时会被触发,然后将选中的值作为参数传递给后端接口。您可以根据实际需求修改方法中的请求方式和参数格式。
阅读全文