Vue.js 组件 - 自定义事件
创始人
2024-04-30 01:37:46
0

一、自定义事件作用

父组件是使用 props 传递数据给子组件,但如果子组件要把数据传递回去,就需要使用自定义事件

二、如何使用自定义事件

可以使用 v-on 绑定自定义事件, 每个 Vue 实例都实现了事件接口(Events interface),即:

  • 使用 $on(eventName,fn) 监听事件
  • 使用 $emit(eventName, data) 触发事件


三、$on(eventName,fn)另一种写法

父组件可以在使用子组件的地方直接用 v-on:eventName@eventName) 来监听子组件触发的事件。



四、自定义事件只触发一次$once(eventName,fn)



五、解绑$off('eventName')



  • vm.$off('eventName'):解绑一个自定义事件
  • vm.$off(['eventName', 'demo']):解绑多个自定义事件
  • vm.$off():解绑所有的自定义事件

相关内容

热门资讯

中国披露新型"石墨炸... ► 文 观察者网 刘程辉据香港英文媒体《南华早报》6月29日报道,央视日前在社交媒体上发布一段动画视...
山西省电子就业创业证去哪里办,...   #邢台头条#      为做好我市青年就业见习工作,扩大见习规模,帮助见习人员提升就业能力,尽快...
戴威为什么不关起来,小黄车戴维...   路边一排排黄色的小汽车反映着企业家的悲哀。      关于小黄车破产的传闻不断。几天前,ofo终...
川网传媒(300987)202... 来源:中访网财观中访网数据  四川新闻网传媒(集团)股份有限公司(证券代码:300987,证券简称:...
信堡周洞察 | 城投共同审美和... (转自:信堡投研)01共同审美和定价的历史路径这里,我们沿用我们2023年7月的文章《城投的共同审美...
回老家县城做什么生意好,回县城...   虽然现在大城市机会多,发展好,但普通农民工根本无法生存。对于大多数农民工和女性来说,小县城更适合...
青春创业手册大结局,青春创业手...   #大地唐古装偶像剧完成。      最近又有一部电视剧官宣。这部剧是《柳叶摘星辰》由唐晓天和庄达...
国网经研院举办庆祝中国共产党成...   6月30日,国网经研院举办庆祝中国共产党成立104周年活动,该院党委副书记以《深入贯彻落实中央八...
药房总结ppt制作范文,药店创...   “妈妈,我的维生素C在哪里?吃火锅的时候嘴里有溃疡,想吃两片。”      “我把它扔掉了。2、...
破发股何氏眼科股东拟减持 上市... 中国经济网北京7月1日讯 何氏眼科(301103.SZ)昨晚发布关于持股5%以上股东减持股份预披露公...