微信小程序 wx.navigateBack() 返回页面如何传递参数 - 文章教程

微信小程序 wx.navigateBack() 返回页面如何传递参数

发布于 2018-10-24 字数 1433 浏览 3393 评论 0

wx.navigateBack() 函数用于跳转到页面栈中的某一页,但是并不能像其他导航函数一样可以通过 url 传递参数,因此返回页面只能使用其他方法传递参数。

定义全局数据

将数据存到 app.data 中,然后返回上一页面从全局数据中获取,这样做确实很方便,但是因为数据为全局数据,必须谨慎维护,否则全局某处做出修改,牵一发而动全身。

本地缓存

将数据存到本地缓存中(localStorage),然后返回页面的时候从缓存中获取数据,但是本地缓存空间大小存在限制,若空间不足会自动清除其中最久未使用的数据,同样可能会造成意想不到的影响。

在页面栈储存数据

使用 getCurrentPages() 函数获取当前页面栈的实例,通过数组下标就能访问到我们刚刚浏览的页面,这是个时候我们可以使用 setData() 方法自定义数据,返回页面的时候在读取页面栈里面保存的数据。

当前将要返回的页面

let pages = getCurrentPages();
//当前页面
let prevPage = pages[pages.length-2];
//上一页面
prevPage.setData({
  //直接给上移页面赋值
  back: true,
});
wx.navigateBack({
  //返回
  delta:1
})

微信小程序 wx.navigateBack() 返回页面如何传递参数

返回的上一页

我们在 onShow() 函数里面获取我们前面设置的值

let pages = getCurrentPages();
let currPage = pages[pages.length-1];
if (currPage.data.back){
  // do something
}

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

nuj316

文章 0 评论 0

梦中楼上月下

文章 2 评论 0

kook

文章 0 评论 0

thousandcents

文章 0 评论 0

像你

文章 1 评论 0