el select chang事件
时间: 2023-08-17 18:09:30 浏览: 61
el-select 的 change 事件是在用户选择下拉选项时触发的。当用户选择了一个新的选项时,change 事件将会被触发,可以通过监听该事件来执行相应的操作。
以下是一个示例代码,展示了如何使用 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() {
console.log('Selected value:', this.selectedValue);
// 执行其他操作...
},
},
};
</script>
```
在上述示例中,el-select 组件绑定了一个 v-model,用于双向绑定选中的值。同时,还监听了 change 事件,并在 handleChange 方法中打印出选中的值。你可以在 handleChange 方法中执行其他你想要的操作。
希望这个例子能够对你有所帮助!如果还有其他问题,请随时提问。