深圳蚂蚁网络网站建设问答平台

您好,欢迎来到深圳蚂蚁网络问答平台!
致力于提供建站技巧、常见问题等知识问答服务

小程序不同页面之间通讯的解决方案

分类:小程序开发 | 浏览: 198次
2021-01-07 13:49:03
回答内容
满意回答
2021-01-07 13:49:03

  网站建设问答小编今天给大家整合了一篇有关《小程序不同页面之间通讯的解决方案》的文章,关于小程序不同页面之间通讯的解决方案的详细内容欢迎往下阅读,下面就由小编一一给大家介绍,一起去了解吧!


小程序不同页面之间通讯的解决方案

  小程序做开发的时候难免需要不同页面之间的通讯,比如首页打开新的页面搜索获取结果返回到首页,不同tab页面之间的数据交互等等。于是做了以下总结


  当前页面打开新的页面


  打开新的页面可以通过 navigator 组件来实现,通过url传参来实现,例如


  搜索


  在新的页面 onLoad 事件可以拿到传过来的参数 options


  onLoad: function(options) {


  console.log(options.id);


  }


  新的页面回传数据到当前页面


  在当前页面定义一个方法


  searchRet(results) {


  console.log(results);


  }


  在搜索页面获取到的结果,由于小程序页面是通过栈来存储的,所以可以通过 getCurrentPages() 获取获取当前页面栈的实例,第一个元素为首页,最后一个元素为当前页面


  let pages=getCurrentPages();


  let homePage=pages[pages.length - 2];


  if (homePage) {


  homePage.searchRet(results);


  }


  生命周期和storage


  通过 wx.setStorageSync() 方法可以在本地存储数据,在 page 的 onShow 回调里获取 storage 的值后做相应的处理,例如


  // index.js


  wx.setStorageSync('refresh', true);


  // mycenter.js


  if (wx.getStorageSync('refresh')) {


  // 做更新操作


  wx.removeStorageSync('refresh');


  }


  storage 也可以用 globalData 来代替,原理一样,这里不做展开,两种办法都可行,但是就是太笨了,场景复杂起来没法搞


小程序不同页面之间通讯的解决方案

扫二维码与项目经理沟通

我们在微信上24小时为你服务

小蚂蚁微信号: 2067876620


  目前,《小程序不同页面之间通讯的解决方案》页面仍在完善中,后续将为您提供丰富、全面的关于《小程序不同页面之间通讯的解决方案》的最佳回答,小编将持续从百度问答百度百科搜狗问答搜狗百科微博问答头条百科悟空问答知乎热门问答以及部分合作站点渠道收集和补充完善信息。


  深圳蚂蚁网络网站建设公司提供,系统定制,微信开发、小程序定制、微商城开发、网站建设、网站排名优化推广等互联网项目定制开发服务。版权声明:如发现内容存在版权问题,烦请提供相关信息发邮件至3310459304@qq.com,我们将及时沟通与处理。本站内容均来源于网络,涉及言论、版权与本站无关。

友情链接 友情链接
返回首页
在线咨询
关注微信公众号 微信二维码
咨询热线

18565361016

返回顶部