首页 > IT职业 > IT图书 > 自定义组件添加原生事件
在用 vue 做开发时,新手们肯定会遇到这种问题,直接使用 button 添加原生事件是没有问题的,但是使用自定义组件添加原生事件时,就会发现添加不上。比如我写了两个 button,一个点击让 div 变红,一个点击让 div 变蓝。
App.vue文件
<!-- 使用 Btn 组件 并添加原生事件 -->
Btn.vue 文件

点击变色.gif
会发现 Btn 的绑定事件无效。其实 vue 官方是有提供对应的方法的, 给组件绑定原生事件,就是在自定义组件 Btn 的原生事件后面加个 .native 后缀就好了。
App.vue文件
<!-- 使用 Btn 组件 并添加事件 -->
效果:

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