让前端飞Web前端之路

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

2019-10-13  本文已影响0人  deniro

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

上一篇 下一篇

猜你喜欢

热点阅读