美文网首页让前端飞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 组件中绑定点击事件不生效的解决方法

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

  • vue 事件

    Vue.js 事件 在 vue 中,事件通过指令 v-on 进行绑定,v-on 缩写 @ 组件的 methods ...

  • 组件事件传值(子组件传值给父组件)

    组件事件传值(子组件传值给父组件) a.在子组件中创建一个按钮,给按钮绑定一个点击事件 b.在响应该点击事件的函数...

  • vue中的.native修饰符

    如果你想在某个组件的根元素上绑定事件,直接使用 @click=''function' 是不生效的,我们可以添加.n...

  • 小程序防止多次点击

    1. 写两个一样的组件, 一个有事件绑定, 一个没有, 当点击有事件绑定的组件的时候,同时隐藏有事件绑定的组件,显...

  • vue $emit v-on 自定义组件绑定监听

    在自定义组件中对点击事件绑定,在父组件中获得点击事件传的参数:【相当于自定义了一个view,对这个view中的部分...

  • mui点击事件失效

    点击ul中的li元素,点击失效,有时只有点击li元素的左侧才生效。 解决办法:mui有自带的点击事件绑定 本来是需...

  • JQuery 事件绑定不生效

    一个同时问我,JQuery事件绑定为什么不生效,最好通过查找,发现了问题。一般而言,JQuery事件绑定不生效,是...

  • Weex——公共事件

    Click 事件 如果某个组件绑定了 click 事件,那么该事件会在用户点击时触发。注解: input组件 和 ...

  • (15)打鸡儿教你Vue.js

    组件化vue.js 组件单向绑定组件双向绑定组件单次绑定 创建组件构造器注册组件使用组件 Vue.extend()...

网友评论

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

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