wx.navigateBack() 返回上一个页面如何传参

原创已于 2022-03-28 16:41:44 修改 · 2.5k 阅读

3 ·

CC 4.0 BY-SA版权

_格鲁特宝宝原创，转载请务必注明出处

文章标签：

#wx.navigateBack #navigateBack #getCurrentPages #微信小程序返回上一页 #微信小程序返回

于 2022-03-28 16:41:07 首次发布

Web FrontEnd 专栏收录该内容

226 篇文章

订阅专栏

本文介绍了一种在微信小程序中使用wx.navigateBack进行页面回退时传递参数的方法。通过利用getCurrentPages()获取页面栈实例，并直接操作上一页面的setData()方法来实现数据传递。

wx.navigateBack() 不能像其他导航一样通过url传参，因此只能使用其他方法：

使用 getCurrentPages() 函数获取页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。

官方文档参考：
页面路由 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/route.html?search-key=getCurrentPages

var pages = getCurrentPages();
var currPage = pages[pages.length - 1];  // 当前页面
var prevPage = pages[pages.length - 2];  // 上一个页面
 
// 直接调用上一个页面对象的setData()方法，把数据存到上一个页面中去
prevPage.setData({
  data：data
});
wx.navigateBack({
  delta: 1
})