怎么 element-plus 给el-button加事件

您可以使用element-plus提供的@click属性来给el-button添加事件。示例代码如下：

<template>
<el-button @click="handleClick">Click me</el-button>
</template>

<script>
export default {
methods: {
handleClick() {
// 处理点击事件
}
}
}
</script>

相关问题

element-plus el-button

Element Plus的Button按钮是Element Plus基础组件中的一部分，提供了按钮的基础用法、禁用状态、链接按钮、文字按钮、图标按钮、按钮组等功能。\[1\]在ElementUI中，Button按钮实际渲染出的DOM节点是一个button元素，点击按钮时可以使用event.target.blur()来触发失焦效果。如果点击到按钮上的文字，即span标签上时，需要使用event.target.parentNode.blur()来触发失焦效果。\[2\]在代码中，可以使用el-button组件和el-button-group组件来创建按钮和按钮组。\[3\]
#### 引用[.reference_title]
- *1* *3* [Element Plus 实例详解（二）___Button 按钮](https://blog.csdn.net/weixin_69553582/article/details/129761751)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [elememt-plus中el-button点击后不自动失焦问题](https://blog.csdn.net/yans121/article/details/121163678)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

vue3 element-plus el-button 阻止冒泡

要阻止vue3 element-plus el-button的冒泡，可以使用事件修饰符`.stop`。在el-button上添加`@click.stop`即可阻止冒泡。

例如：

<el-button @click.stop="handleClick">点击我</el-button>

在这个例子中，`handleClick`方法将只会在`el-button`被点击时触发，而不会向上冒泡到父元素。