当下级页面使用navigateBack 返回上级页面需要携带参数时可以使用监听的方式来实现
自 HBuilderX 2.0.0 起支持
uni.$emit(eventName,OBJECT)
触发全局的自定义事件,附加参数都会传给监听器回调函数。
uni. o n ( e v e n t N a m e , c a l l b a c k ) 监 听 全 局 的 自 定 义 事 件 , 事 件 由 u n i . on(eventName,callback) 监听全局的自定义事件,事件由 uni. on(eventName,callback)监听全局的自定义事件,事件由uni.emit 触发,回调函数会接收事件触发函数的传入参数。
uni. o n c e ( e v e n t N a m e , c a l l b a c k ) 监 听 全 局 的 自 定 义 事 件 , 事 件 由 u n i . once(eventName,callback) 监听全局的自定义事件,事件由 uni. once(eventName,callback)监听全局的自定义事件,事件由uni.emit 触发,但仅触发一次,在第一次触发之后移除该监听器。
uni.$off([eventName, callback])
移除全局自定义事件监听器。
注意事项
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 等
使用时,注意及时销毁事件监听,比如,页面 onLoad 里边 uni.
o
n
注
册
监
听
,
o
n
U
n
l
o
a
d
里
边
u
n
i
.
on 注册监听,onUnload 里边 uni.
on注册监听,onUnload里边uni.off 移除,或者一次性的事件,直接使用 uni.$once 监听
示例:
子页面或者组件:
methods:{
setAssets(item){
uni.
e
m
i
t
(
′
u
p
d
a
t
e
′
,
i
t
e
m
)
t
h
i
s
.
emit('update',item) this.
emit(′update′,item)this.u.route({
type:‘navigateBack’
})
}
}
父页面:
onShow() {
uni.$once(‘update’,function(e){
//e 即为传递的参数
// do something
})
}