美文网首页让前端飞Web前端之路
Vue.js 组件中绑定点击事件不生效的解决方法

Vue.js 组件中绑定点击事件不生效的解决方法

作者: deniro | 来源:发表于2019-10-13 11:31 被阅读0次

    在使用组件(比如 element UI)的过程中,会发现无法通过 @click 绑定标签的点击事件。

    因为 Vue.js 使用的是一套自己的事件传递机制,所以我们需要添加 @click.native 来绑定 DOM 原生事件。

    示例:

    <el-tag v-for="name in members" @click.native="filter(name)" class="member_tag">{{name}}</el-tag>
    

    是不是很简单呀 O(∩_∩)O哈哈~

    相关文章

      网友评论

        本文标题:Vue.js 组件中绑定点击事件不生效的解决方法

        本文链接:https://www.haomeiwen.com/subject/nlpwpctx.html