elementui事件
ElementUI 事件使用指南
ElementUI 组件库为 Vue.js 提供了丰富的事件支持，允许开发者监听组件内部状态变化或用户交互行为。以下分类说明常见组件的事件用法：
表单组件事件
el-input@change：输入值改变且失去焦点时触发@input：输入值实时变化时触发@blur：失去焦点时触发@focus：获得焦点时触发
<el-input v-model="text" @change="handleChange"></el-input>el-select@change：选项变化时触发，参数为新选中的值@visible-change：下拉框显示/隐藏状态变化时触发
<el-select v-model="value" @change="handleSelectChange">
<el-option label="选项1" value="1"></el-option>
</el-select>交互组件事件
el-button@click：点击按钮时触发
<el-button @click="submitForm">提交</el-button>el-dialog@close：对话框关闭时触发@open：对话框打开时触发
<el-dialog :visible.sync="visible" @close="handleClose"></el-dialog>表格事件
el-table@row-click：点击某一行时触发@selection-change：多选选项变化时触发
<el-table :data="tableData" @row-click="handleRowClick">
<el-table-column prop="date" label="日期"></el-table-column>
</el-table>注意事项
- 事件名需严格遵循官方文档大小写规范，如
@visible-change不可写作@visibleChange - 部分事件需要配合
.native修饰符监听原生DOM事件 - 异步操作建议在事件回调中使用
async/await处理
完整事件列表建议参考ElementUI官方文档对应组件说明。
