在有些场景下,使用组件间通信或者组件和页面间通信并不可行。比如我需要只有一个websocket实例,并且需要向多个页面传递我接收到的消息。
下面的方法是一个页面向其它页面(触发事件)传递数据,其它页面也可以向这个页面传递数据。也就是可以互相传递。缺点是,这个页面必须曾经打开过。
首先,在app.js中的onLaunch里这样定义:
this.pages = {};
假设有2个页面:
a.js
b.js
分别在这2个js文件中,onLoad事件中,写如下代码:
app.pages[this.__route__] = this;
分别在这2个js文件中,定义一个方法,用于接收收到的消息。比如我们可以这样写(communication 随便命名即可):
communication(res){
console.log(res)
}
如果你想从a.js里往b.js发数据(触发事件communication),那么在a.js里这样写:
try{
app.pages['pages/b/b'].communication("I am from a.js");
}catch{
console.log('b页面未打开过')
}
前面说过了,分别写接收消息的方法communication,那么
在b.js里需要这样写:
//在b.js里接收消息
communication(content){
console.log('in b.js,' + content)
//再给a.js发一条消息
try{
app.pages['pages/a/a'].communication("I am from b.js");
}catch(e){
console.error("error in b.js " + e.message)
}
}
上面的代码,因为在b.js里又给a.js发了一个消息,那么你要在a.js里也写一个communication方法(前面已经说过要在需要接收消息的js中分别写communication):
在a.js里加几行代码,用于接收b.js发来的消息:文章来源:https://www.toymoban.com/news/detail-726128.html
communication(content){
console.log('in a.js, ' + content)
},
多个页面同理。文章来源地址https://www.toymoban.com/news/detail-726128.html
到了这里,关于微信小程序一对多个页面间传递数据进行通信,事件触发的实现方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!