微信小程序页面通信-----消息订阅发布


 

打开vscod,按Ctrl+~打开命令行,输入

 一直回车

 

 

 打开gitHub

 

 

 

 打开vscod在命令行输入

 

 

 删除其它只留版本号和名字

在需要通信的两个页面的中js中引入

import PubSub from 'pubsub-js'
打开小程序会发现报路径错误,是因为小程序是按相对路径去找的

 

解剖办法:找到微信小程序的工具-----构建npm,会将node_modules中的包打包到miniprogram_npm包中

转换后会发现多了一个miniprogram_npm,正是将node_modules中的包打包到miniprogram_npm包中

使用:

在传入数据的一方叫发布方使用

发布消息: PubSub.publish(‘eventName’, data)

 

接收数据的一方叫订阅方使用

订阅消息: PubSub.subscribe(‘eventName’, callback)

 

订阅方:在A页面相应的位置使用订阅,起一个(switchType)名字注名字要相同,并打印

 

 发布方:在B页面相应的点击或其它事件使用并传值

 

 回到微信小程序查看并点击,可以看到传入的值,并显示的路径是订阅方的打印说明成功

 

 总结:

1. 使用第三方库: pubsub-js

2. 安装: npm install pubsub-js

3. 使用:

   a) Import PubSub from ‘pubsub-js’

  b) 订阅消息: PubSub.subscribe(‘eventName’, callback)

  c) 发布消息: PubSub.publish(‘eventName’, data)

  d) 取消订阅: PubSub.unsubscribe(‘eventName’)


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM