官方文档:https://uniapp.dcloud.net.cn/tutorial/page.html#%E9%A1%B5%E9%9D%A2%E9%80%9A%E8%AE%AF
近期项目中使用到,由于没有完全理解,导致bug无从下手查起,作为给自己的记录。

1、uni.$emit:触发全局的自定义事件。附加参数都会传给监听器回调。
2、uni.$on:监听全局的自定义事件。事件可以由 uni.$emit 触发,回调函数会接收所有传入事件触发函数的额外参数。
注意:必须在出现的页面有对应的uni.$off解绑,因为是全局监听;
也可使用uni.$once解绑全部
3、uni.$off:移除全局自定义事件监听器。
注意:一般放在页面的onUnload生命周期中使用
4、uni.$once:监听全局的自定义事件。事件可以由 uni.$emit 触发,但是只触发一次,在第一次触发之后移除监听器。
注意:一般放在页面的onUnload生命周期中使用

官方注意事项:
1、uni. e m i t 、 u n i . emit、 uni. emituni.on 、 uni. o n c e 、 u n i . once 、uni. onceuni.off 触发的事件都是 App 全局级别的,跨任意组件,页面,nvue,vue 等
2、使用时,注意及时销毁事件监听,比如,页面 onLoad 里边 uni. o n 注册监听, o n U n l o a d 里边 u n i . on 注册监听,onUnload 里边 uni. on注册监听,onUnload里边uni.off 移除,或者一次性的事件,直接使用 uni.$once 监听

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐