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

发布于 2018-10-24 12:45:49 字数 1077 浏览 3854 评论 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
})

返回的上一页

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

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

列表为空,暂无数据

关于作者

JSmiles

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

0 文章
0 评论
84935 人气
更多

推荐作者

遥远的她

文章 0 评论 0

情深如许

文章 0 评论 0

18120987591

文章 0 评论 0

女皇必胜

文章 0 评论 0

13002228876

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击“接受”或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。