小程序——带参数返回上一页的几种方法
2019-07-31 09:20:19 来源:沈阳小程序开发 作者:沈阳软件开发
小程序的页面跳转API,如wx.navigateTo(),wx.redirectTo()等,都跳转到一个全新的页面。当页面是表单时,有时您需要跳转到其他页面来选择信息。跳回之后,之前填写的信息必须存在。此时,您可以跳转到选择信息的页面,选择信息后设置上一页的数据,然后返回上一页,以便数据存在。
方法:将当前页面数据放入本地缓存(wx.setStorage(wx.setStorageSync),上一页,然后将其从缓存中取出(wx.getStorage(wx.getStorageSync))并在退出登录时清除缓存(wx.clearStorage(wx.clearStorageSync))。
方法二
在当前页面上设置上一页的数据,例如var pages=getCurrentPages(); //获取页面堆栈var currPage=pages [pages.length - 1]; //当前页面var prevPage=pages [pages.length - 2]; //上一页prevPage.setData({mydata: {a: 1,b: 2} //假数据})当然,这个“mydata”必须是上一页的数据。
返回上一页的数据是:
wx.navigateBack({delta: 1})2,直接调用方法名称来更新数据页面A
Page({data: {name:''},//update namechangeData: function(name){this.setData({name: name})}})页面B,假设有一个用于输入名称的文本框,单击后退按钮以更新页面A的名称
Page({//此方法用于文本框输入回调inputTyping: function(e){//获取页面堆栈var pages=getCurrentPages(); if(pages.length> 1){//上一页实例对象var prePage=pages [pages.length - 2]; //这里的关键是prePage.changeData(e.detail.value)}}})这允许将数据传递到上一页。请注意,页面A必须使用wx.navigateTo跳转到页面B.您不能使用wx.redirectTo,这将关闭上一页,导致页面B无法获取上一页面实例。
方法3在app.js中设置全局变量,当前页面分配,采取上一页
方法是
globalData: {userInfo: null,}注意:方法一,方法三,都需要刷新页面数据:
/***生命周期功能 - 监听页面显示*/onShow:功能(){},< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>
确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。
“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与
我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同
其观点或证实其内容的真实性。
热门文章
使用“扫一扫”即可将网页分享至朋友圈。
上一篇:
公司或个人如何发展微信小程序?
下一篇:很抱歉没有了