uniapp跨页面、组件通信方法

追格官方小助手/ 2022年03月20日/ 小程序/ 浏览 3083

在小程序中跨页面、跨组件通信的需求经常遇到。虽然各个平台的小程序,都提供了相应的方法,但终究是略有差异。

如果,使用uniapp,则有一套方便的方法,可以在各个平台使用。


发射事件:uni.$emit(eventName,OBJECT)


uni.$emit('update',{msg:'页面更新'})


监听事件:uni.$on(eventName,callback)


uni.$on('update',function(data){
    console.log('监听到事件来自 update ,携带参数 msg 为:' + data.msg);
})


监听一次性事件:uni.$once(eventName,callback)


uni.$once('update',function(data){
    console.log('监听到事件来自 update ,携带参数 msg 为:' + data.msg);
})


移除事件监听:uni.$off([eventName, callback])


uni.$off('update')


需要注意的是,务必在必要的时候,移除事件监听。

发表评论

暂无评论,抢个沙发...

客服 工单