elementui点击
ElementUI 点击事件处理
ElementUI 提供了多种方式处理点击事件，适用于按钮、菜单、表格等组件。以下是常见的点击事件处理方法：
按钮点击事件
通过 @click 绑定事件处理函数：
<el-button @click="handleClick">点击按钮</el-button>methods: {
handleClick() {
console.log('按钮被点击');
}
}菜单项点击事件
使用 @select 处理菜单项选择：
<el-menu @select="handleMenuClick">
<el-menu-item index="1">菜单项1</el-menu-item>
</el-menu>methods: {
handleMenuClick(index) {
console.log(`选中菜单项: ${index}`);
}
}表格行点击事件
通过 @row-click 处理表格行点击：
<el-table :data="tableData" @row-click="handleRowClick">
<!-- 表格列定义 -->
</el-table>methods: {
handleRowClick(row) {
console.log('点击行数据:', row);
}
}自定义组件点击事件
对于自定义组件，可以使用 .native 修饰符监听原生点击事件：
<custom-component @click.native="handleCustomClick"></custom-component>事件修饰符 ElementUI 支持 Vue 的事件修饰符：
<el-button @click.stop="handleStop">阻止冒泡</el-button>
<el-button @click.prevent="handlePrevent">阻止默认</el-button>
