【Vue】element UI添加事件触发两次问题

Z时代
2024-01-10
分类：技术分享

1.起因是我想给elementUI的多选框组件绑定一个点击事件，但是不知道为什么绑定的点击事件会重复执行两次，然后我就没有在elementUi的多选框组件直接添加事件，而是改用一个div来包裹组件然后再div上添加事件，发现还是不行，依然是触发两次事件，代码段如下，求大神帮忙解决
2.实在是找不到相关的资料了，经验不足请多多指教，代码段如下。。


<template>
<div id="app">
<el-checkbox  @click.native='popup'></el-checkbox>
<hr>
<!--用一个div包裹起来也不行-->
<div @click='popup'>
<el-checkbox></el-checkbox>
</div>
</div>
</template>
<script>
export default {
methods: {
popup(){
alert(1)
}
}
}
</script>