微信小程序通过wx.navigateBack实现返回上一个页面并调用方法

樵得樵眼笑眉舒

已于 2023-06-05 17:52:25 修改

阅读量7.1k

点赞数 6

文章标签：微信小程序小程序前端

于 2023-04-24 13:22:59 首次发布

本文链接：https://blog.csdn.net/weixin_45496202/article/details/130338346

版权

文章介绍了在小程序中如何从A页面跳转到B页面，执行完B页面的操作后返回A页面并调用A页面的方法。关键在于使用wx.navigateTo进行页面跳转，以及在B页面使用wx.navigateBack返回时调用A页面的回调方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求

从A页面跳到B页面,B页面执行完所有步骤后返回A页面并调用A页面的方法

实现方法

主要用到wx.navigateBack和wx.navigateTo两个路由跳转方法,从A跳向B需要使用wx.navigateTo(千万不能使用wx.redirectTo,这个跳转后页面就会销毁,无法通过wx.navigateBack返回)

参考文档

小程序官方对路由的介绍在这:点这里

具体代码

A页面的js文件

// 跳转事件
jumPageb() {
	 wx.navigateTo({  
         url: `这里填B页面路径`,
	 });
}
// 从B页面返回时调用的方法
callBack(data) {
	console.log(data) // data为B页面返回时传来的参数
}

B页面的js文件

 let pages = getCurrentPages();
 let prevPage = pages[pages.length - 2]; //获取A页面
 wx.navigateBack({
   delta: 1,
   success: function (e) { // 成功的回调
     if (prevPage == undefined || prevPage  == null) return;
     prevPage .callBack(data);  // 调用A页面的方法, 并将值传过去
   }
 })