微信小程序返回上级页面时单个数据交互
2017-11-18 14:19
627 查看
微信小程序返回上级页面时单个数据交互
实现原理:目标页面利用小程序的页面栈查找上级页面的page对象,并在不刷新页面的情况下修改上级页面的data单条或多条数据。实现代码:
const wxCurrPage = getCurrentPages();//获取当前页面的页面栈 const wxPrevPage = wxCurrPage[wxCurrPage.length - 2];//获取上级页面的page对象 if (wxPrevPage){ //修改上级页面的数据 wxPrevPage.setData({ baseData:true,//baseData为上级页面的某个数据 }) }
应用场景:饿了么app的点餐详情页选中商品在首页展示已加入购物车的商品个数,枣仁招聘小程序中访问人数、投递状态的改变等。
微信小程序搜索“枣仁招聘”可查看效果
相关文章推荐
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序开发中按下自己手机的返回按键是直接退出小程序而不是返回上级页面
- 微信小程序如何与java后台交互,获取json数据显示到页面,求大神指点
- 微信小程序 详解页面跳转与返回并回传数据
- 微信小程序 数据交互与渲染实例详解
- 【微信小程序】微信小程序页面跳转的数据传递
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单!
- 微信小程序开发实战&电影小程序——阅读页面轮播图-新闻列表页面构建-数据绑定
- 微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
- 微信小程序入门二之逻辑层与表现层的数据交互
- 微信小程序之页面数据绑定及页面跳转传参