javascript - element UI添加事件触发两次问题

问题描述

问 题

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>

解决方案

你可以得到event对象，然后判断来源，从而只做一次事件处理，但是事件还是触发了两次。一般这种组件都有封装好的自定义事件吧，就是为了不让你使用click.native的，你可以看看文档

我刚刚看了下，它是有一个自定义的change事件的，你直接<el-checkbox @change="popup">就行了

这篇关于javascript - element UI添加事件触发两次问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！