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套需求说明

相关内容

热门资讯

骐骥远志启新程 科技赋能赢未来... （来源：今飞控股集团）（今飞集团新春VCR）表彰开幕骐骥远志启新程 科技赋能赢未来。2026年2月1...
非遗老手艺重回春节C位马上平安... 来源：@央视财经微博 【#非遗老手艺重回春节C位##马上...
比尔·盖茨到访中国，最新回应爱... 　　炒股就看金麒麟分析师研报，权威，专业，及时，全面，助您挖掘潜力主题机会！ 　　据财联社报道，盖...
大东方：财务报表相关数据披露不... 2月11日，无锡商业大厦大东方股份有限公司（大东方，600327.SH）发布关于公司及相关责任人收到...
远翔新材3029.83万限售股... 远翔新材2月11日发布公告称，公司部分限售股即将解禁上市，本次解除限售股份的数量为3029.83万股...