el-select @change获取值
时间: 2023-08-15 08:14:37 浏览: 112
您可以通过使用`@change`事件来获取el-select选择的值。在Vue中,您可以为el-select添加一个`@change`事件监听器,并在方法中访问选择的值。以下是一个示例:
```html
<template>
<el-select v-model="selectedValue" @change="handleChange">
<el-option
v-for="option in options"
:key="option.value"
:label="option.label"
:value="option.value"
></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedValue: '',
options: [
{ label: 'Option 1', value: 'option1' },
{ label: 'Option 2', value: 'option2' },
{ label: 'Option 3', value: 'option3' }
]
};
},
methods: {
handleChange(value) {
console.log('Selected value:', value);
// 在这里可以处理选择的值
}
}
};
</script>
```
在上面的示例中,我们使用`v-model`指令来双向绑定`selectedValue`,并在`@change`事件中调用`handleChange`方法来处理选择的值。在`handleChange`方法中,您可以根据需要处理选择的值。
阅读全文