vue创建自定义组件并监听原生事件

1.自定义文件newinput创建一个自定义组件(components目录下)


一个自定义的newinput组件

2.自定义Index.vue引入组件并导出(components目录下)

3.在main.js中全局化组件


至此可在整个vue项目使用Newinput

4.在newinput文件中定义.$listeners监听方法使Newinput组件上的监听方法全部指向input


至此可在Newinput中调用原生事件
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 9,049评论 0 6
  • 前言 您将在本文当中了解到,往网页中添加数据,从传统的dom操作过渡到数据层操作,实现同一个目标,两种不同的方式....
    itclanCoder阅读 26,115评论 1 12
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,618评论 19 139
  • 我累了,让我休息会儿, 在这里有花香,有来往的路人, 这样,我才不会太孤单。 虽然我一个都不认识,但能遇见看见他们...
    凉温阅读 1,462评论 2 2
  • 小时候许多快乐的日子都离不开下雨天,所以不下雨的时候便期盼着下雨,于是便总和雨脱不了干系。雷鸣声炸裂,那平静的心...
    爱曾经的孑然阅读 952评论 0 0