当下级页面使用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. emituni.on 、 uni. o n c e 、 u n i . once 、uni. onceuni.off 触发的事件都是 App 全局级别的,跨任意组件,页面,nvue,vue 等
使用时,注意及时销毁事件监听,比如,页面 onLoad 里边 uni. o n 注 册 监 听 , o n U n l o a d 里 边 u n i . on 注册监听,onUnload 里边 uni. ononUnloaduni.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
})
}

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐