ITPub博客

首页 > IT职业 > IT图书 > 自定义组件添加原生事件

自定义组件添加原生事件

IT图书 作者:hoonty 时间:2021-09-09 09:30:55 0 删除 编辑

在用 vue 做开发时,新手们肯定会遇到这种问题,直接使用 button 添加原生事件是没有问题的,但是使用自定义组件添加原生事件时,就会发现添加不上。比如我写了两个 button,一个点击让 div 变红,一个点击让 div 变蓝。

App.vue文件

Btn.vue 文件


图片描述

点击变色.gif


会发现 Btn 的绑定事件无效。其实 vue 官方是有提供对应的方法的, 给组件绑定原生事件,就是在自定义组件 Btn 的原生事件后面加个 .native 后缀就好了。


App.vue文件

效果:


图片描述

点击变色-1.gif



来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4222/viewspace-2804191/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-12

  • 博文量
    94
  • 访问量
    1271