el-select下拉选择变化的时候触发change事件获取到选择的值进行发送请求
时间: 2023-08-17 10:55:05 浏览: 116
当`el-select`下拉选择发生变化时,你可以通过监听`change`事件来获取用户选择的值,并在事件处理程序中发送请求。以下是一个示例:
```html
<template>
<div>
<el-select v-model="selectedOption" @change="handleSelectChange" placeholder="请选择">
<el-option :value="0" label="不禁用"></el-option>
<el-option :value="1" label="禁用"></el-option>
</el-select>
</div>
</template>
<script>
export default {
data() {
return {
selectedOption: 0
};
},
methods: {
handleSelectChange(value) {
// 在这里发送请求,使用选择的值进行相应操作
console.log('选中的值:', value);
// 例如,发送axios请求
// axios.post('/api/your-endpoint', { option: value })
// .then(response => {
// // 处理响应
// })
// .catch(error => {
// // 处理错误
// });
}
}
};
</script>
```
在上面的示例中,我们添加了一个`@change`事件监听器来捕获`el-select`选择变化的事件。
在事件处理程序`handleSelectChange`中,我们接收到用户选择的值作为参数`value`。你可以在这个处理程序中执行请求发送的操作,例如使用Axios库发送POST请求。
注意:示例中的请求发送部分是注释掉的代码,你需要根据实际情况来修改和添加相应的请求代码。