需求
从A页面跳到B页面,B页面执行完所有步骤后返回A页面并调用A页面的方法
实现方法
主要用到wx.navigateBack
和wx.navigateTo
两个路由跳转方法,从A跳向B需要使用wx.navigateTo
(千万不能使用wx.redirectTo,这个跳转后页面就会销毁,无法通过wx.navigateBack返回)
参考文档
小程序官方对路由的介绍在这:点这里
具体代码
A页面的js文件文章来源:https://www.toymoban.com/news/detail-553071.html
// 跳转事件
jumPageb() {
wx.navigateTo({
url: `这里填B页面路径`,
});
}
// 从B页面返回时调用的方法
callBack(data) {
console.log(data) // data为B页面返回时传来的参数
}
B页面的js文件文章来源地址https://www.toymoban.com/news/detail-553071.html
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页面的方法, 并将值传过去
}
})
到了这里,关于微信小程序通过wx.navigateBack实现返回上一个页面并调用方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!