VUE3 el select change事件
时间: 2023-12-06 21:36:53 浏览: 118
在Vue3中,可以使用`v-model`和`@change`来监听`el-select`的选择事件。具体实现方法如下:
```html
<template>
<el-select v-model="selected" @change="handleChange">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selected: '',
options: [
{ value: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
{ value: 'option3', label: 'Option 3' }
]
}
},
methods: {
handleChange(value) {
console.log(`Selected: ${value}`);
}
}
}
</script>
```
在上面的代码中,我们使用`v-model`来绑定`selected`变量,这样就可以获取到用户选择的值。同时,我们使用`@change`来监听选择事件,并在`handleChange`方法中打印出用户选择的值。
阅读全文