el-select change时事件
时间: 2023-10-20 19:33:46 浏览: 99
el-select 的 change 事件是在选择项发生变化时触发的。你可以通过监听该事件来执行相应的操作。
下面是一个示例代码:
```html
<template>
<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>
</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>
```
在上述示例中,@change="handleChange" 表示将 change 事件与名为 handleChange 的方法绑定在一起。当选择项发生变化时,handleChange 方法会被调用,并且传入当前选中的值作为参数。你可以在该方法中执行其他操作,比如打印选中值或者触发其他事件。
阅读全文