微信小程序返回上级页面时单个数据交互
2017-11-18 14:19
597 查看
微信小程序返回上级页面时单个数据交互
实现原理:目标页面利用小程序的页面栈查找上级页面的page对象,并在不刷新页面的情况下修改上级页面的data单条或多条数据。实现代码:
const wxCurrPage = getCurrentPages();//获取当前页面的页面栈 const wxPrevPage = wxCurrPage[wxCurrPage.length - 2];//获取上级页面的page对象 if (wxPrevPage){ //修改上级页面的数据 wxPrevPage.setData({ baseData:true,//baseData为上级页面的某个数据 }) }
应用场景:饿了么app的点餐详情页选中商品在首页展示已加入购物车的商品个数,枣仁招聘小程序中访问人数、投递状态的改变等。
微信小程序搜索“枣仁招聘”可查看效果
相关文章推荐
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序开发中按下自己手机的返回按键是直接退出小程序而不是返回上级页面
- 微信小程序 详解页面跳转与返回并回传数据
- 微信小程序如何与java后台交互,获取json数据显示到页面,求大神指点
- 微信小程序页面返回时如何传值?
- 微信小程序开发实战&电影小程序——阅读页面轮播图-新闻列表页面构建-数据绑定
- 第三节:微信小程序模拟动态加载服务器返回json数据
- 微信小程序实验二、小程序后台PHP入门——从数据库中读取与返回数据视频讲解
- 微信小程序input表单页面实例,redio和下拉列表获取数据
- 【微信小程序】微信小程序掉进的坑之与后台数据交互
- 微信小程序---修改背景颜色和单个页面的背景颜色
- 微信小程序遇到修改数据后页面不渲染的问题解决