uniapp的页面通讯:uni.$on、uni.$off、uni.$once
uniApp ,uni.$emit、 uni.$on 、 uni.$once 、uni.$off
官方文档: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.
emit、uni.on 、 uni.
o
n
c
e
、
u
n
i
.
once 、uni.
once、uni.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 监听
更多推荐
所有评论(0)