加载中 ...
首页 > 新闻资讯 > 小程序 正文

小程序——带参数返回上一页的几种方法

2019-07-31 09:20:19 来源:沈阳小程序开发 作者:沈阳软件开发

小程序的页面跳转API,如wx.navigateTo(),wx.redirectTo()等,都跳转到一个全新的页面。当页面是表单时,有时您需要跳转到其他页面来选择信息。跳回之后,之前填写的信息必须存在。此时,您可以跳转到选择信息的页面,选择信息后设置上一页的数据,然后返回上一页,以便数据存在。

21708-1P622153K5363.jpg

方法:将当前页面数据放入本地缓存(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,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。