微信小程序返回上级页面时单个数据交互
2017-11-18 14:19
561 查看
微信小程序返回上级页面时单个数据交互
实现原理:目标页面利用小程序的页面栈查找上级页面的page对象,并在不刷新页面的情况下修改上级页面的data单条或多条数据。实现代码:
const wxCurrPage = getCurrentPages();//获取当前页面的页面栈 const wxPrevPage = wxCurrPage[wxCurrPage.length - 2];//获取上级页面的page对象 if (wxPrevPage){ //修改上级页面的数据 wxPrevPage.setData({ baseData:true,//baseData为上级页面的某个数据 }) }
应用场景:饿了么app的点餐详情页选中商品在首页展示已加入购物车的商品个数,枣仁招聘小程序中访问人数、投递状态的改变等。
微信小程序搜索“枣仁招聘”可查看效果
相关文章推荐
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序返回上级页面时单个数据交互
- 微信小程序 详解页面跳转与返回并回传数据
- 微信小程序开发中按下自己手机的返回按键是直接退出小程序而不是返回上级页面
- 微信小程序如何与java后台交互,获取json数据显示到页面,求大神指点
- 微信小程序入门——页面跳转、数据传递、数据接收
- 微信公众账号 点击返回页面刷新页面得到两个相同的code导致程序报错的问题
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)
- 微信小程序--ajax服务器交互及页面渲染
- springmvc modelview 返回数据与页面交互处理
- 微信小程序页面返回时如何传值?
- 微信小程序 request返回的数据,模拟成功,但是在安卓机和IOS上都不成功