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