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

2,849 阅读1分钟

在使用组件(比如 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哈哈~