el-select 事件
时间: 2023-09-23 12:06:33 浏览: 145
el-select 是 Element UI 框架中的一个下拉选择组件,它提供了多个事件可以让开发者对选择的变化进行处理。
el-select 的事件包括:
1. change:当选中项发生改变时触发的事件,可以通过监听该事件来获取当前选中的值。
例如:
```html
<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>
```
```javascript
methods: {
handleChange(value) {
console.log(value); // 当前选中的值
}
}
```
2. visible-change:下拉框的展开或收起状态发生改变时触发的事件,可以通过监听该事件来执行相应的操作。
例如:
```html
<el-select v-model="selectedValue" @visible-change="handleVisibleChange">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
```
```javascript
methods: {
handleVisibleChange(visible) {
console.log(visible);
阅读全文