element-ui的el-select el-option写事件
时间: 2024-06-04 20:05:05 浏览: 227
解决vue elementUI 使用el-select 时 change事件的触发问题
element-ui中的el-select和el-option组件都支持一些事件,可以通过这些事件来实现对组件的交互操作。具体的事件如下:
el-select组件支持以下事件:
1. change: 当选中值发生改变时触发;
2. visible-change: 下拉框出现/隐藏时触发;
3. remove-tag: 当多选模式下移除tag时触发;
4. clear: 当清空选项时触发。
el-option组件支持以下事件:
1. click: 当选项被点击时触发;
2. hover: 当鼠标悬停在选项上时触发。
在使用这些事件时,可以在组件上使用@eventName="handler"的语法来绑定对应的事件处理函数。例如:
```
<el-select v-model="value" @change="handleChange">
<el-option label="选项1" value="1"></el-option>
<el-option label="选项2" value="2"></el-option>
</el-select>
```
其中,handleChange就是对应的事件处理函数。
阅读全文