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

一、自定义事件作用

父组件是使用 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()：解绑所有的自定义事件

上一篇：自动深度学习auto-pytorch安装

下一篇：A套需求说明

相关内容

热门资讯

几内亚当选总统敦布亚宣誓就职 来源：新华网新华社科纳克里1月17日电（记者张健）几内亚当选总统马马迪·敦布亚17日在首都科纳克里宣...
国际论坛：高市早苗狂言暴露日本... 转自：人民日报原标题：高市早苗狂言暴露日本危险战略走向（国际论坛）日本如果在错误道路上越走越远，可能...
A股冰火两重天！当宽基指数估值... 　　近期，科创100、科创50、中证2000等指数的估值均超过150倍。管理层上调证券融资保证金最低...
12306购票页面出现“雪”字... 最近部分旅客购买东北地区的车票时发现有的车次后面带有“雪”字这是什么意思？今年1月15日起东北地区部...
小剧场戏剧《一个人的旅行》：打... 一位灵魂送货员正在搬运装满人生记忆的行李箱，却发现它重如千钧，纹丝不动。于是送货员施展魔力，探究一位...