uni-app页面间传参的多种方法有哪些总结？

本文共计837个文字，预计阅读时间需要4分钟。

javascriptuni.$emit(eventName, OBJECT);触发全局的自定义事件。附加的参数都会传递给监听器回调。其中，eventName为事件名，OBJECT为触发事件附加的参数。示例代码如下：uni.$emit('update', {msg: '页面更新'});uni.$on('event', function() {});

uni.$emit(eventName,OBJECT)

• 触发全局的自定事件。附加参数都会传给监听器回调。
• 其中eventName为事件名，OBJECT为触发事件附加参数

示例代码如下：

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

uni.$on(eventName,callback)

• 监听全局自定义事件，事件由uni.$emit()触发，回调函数会接收所有传入的数。
• eventName为事件名，callback为事件的回调函数。

示例代码如下：

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

作用
实际开发中对于触发页面的动态更新将非常有效。
例如移动端项目通过自己编写的组件替代tabbar进行tabar跳转，恰逢这时某个页面如微信支付成功，需要返回这个tabbar页面，你会发现他不会像普通uni页面（onshow生命周期）一样会动态刷新，这就很影响用户实际体验。