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

相关内容

热门资讯

永和大王母公司国际业务或转上港... 2026年1月，菲律宾餐饮企业快乐蜂食品集团（以下简称“快乐蜂”）宣布分拆包括中国业务在内的所有国际...
上市公司密集启动增持回购 【#上市公司密集启动增持回购#】#百亿护盘资金将涌入A股#沪指在4100点拉锯之际，A股公司开启了新...
“米克拉”将继续加强，23日夜... 据中央气象台消息，今年第7号台风“米克拉”今天（21日）下午加强为台风级，下午5点钟其中心位于台湾鹅...
新民艺评｜梁天明：心若无迷，何... （来源：上观新闻）由邢键钧、路云飞执导，余耕编剧，郭京飞、任素汐领衔主演的现实悬疑剧《迷墙》，于近日...
美伊谈判在即，以色列在背后“使... 转自：新华国际头条据以色列媒体21日报道，以色列国防部长卡茨说，过去和现在，以军在黎巴嫩境内“消除威...