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

这篇具有很好参考价值的文章主要介绍了微信小程序通过wx.navigateBack实现返回上一个页面并调用方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

需求

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

实现方法

主要用到wx.navigateBackwx.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文件文章来源地址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模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • wx.navigateBack()函数返回上一页并传参

    wx.navigateBack()函数因为没有URL属性,所以不能像其他跳转路由的方式一样在url后面拼接参数,下面是官方文档给出的传参方式 官方文档给出的解释中,小程序是没办法用这个api进行传参的,但是 文档中写到:可以通过**getCurrentPages()**函数获取当前页面栈,获取到的页面栈数组

    2024年02月11日
    浏览(51)
  • 微信小程序wx.getLocation接口审核不通过

    审核不通过的原因一般包含这几种: 一、当前提审小程序代码包中地理位置相关接口( wx.getLocation )暂未开通 分析原因:接口未开通。 解决方法:按下图申请开通对应的接口即可。 二、你所描述的小程序接口使用场景,目前未符合接入wx.getLocation(获取当前的地理位置、速度

    2024年02月09日
    浏览(50)
  • 【微信小程序】请注意游客模式下,调用 wx.operateWXData 是受限的, API 的返回是工具的模拟返回

    在使用XHbuilder X运行微信小程序的时候可能会遇到一个问题 请注意游客模式下,调用 wx.operateWXData 是受限的, API 的返回是工具的模拟返回 这是因为我们忘记在程序中配置AppID了才会出现这样的警告,接下来就让我带你们看看如何解决这个警告吧 首先让我们打开微信小程序助手

    2024年02月03日
    浏览(79)
  • uniapp 微信小程序通过 wx.openCustomerServiceChat对接客服。

    直接上解决方案,直接在绑定的方法中调用 wx.openCustomerServiceChat 方法即可。 需要注意的几点。 hbuilder x 需升级到 3.4.3 版本以上。 使用的,微信开发者工具中是看不到效果的, 需要打包后,在微信中扫码查看 。(体验版,开发版都行) 示例如下: 在 methods 中新建方法,将

    2024年02月16日
    浏览(45)
  • 企业微信小程序在调用wx.qy.login时返回错误信息qy.login:fail

    原因是大概是绑定了多个企业但是在开发者工具中没有选择正确的企业 解决方法:  重新选择企业后即可成功获取code

    2024年02月13日
    浏览(47)
  • 微信小程序申请地理位置接口wx.getLocation不通过的应对方案 过率很高

    1、 你好,你的小程序“xxxxxx”申请的wx.getLocation接口因你提供的申请原因/辅助图片/网页/视频内容无法确认申请接口使用场景审核不通过,建议修改后重新提交。 2、 你好,你的小程序“xxxxx”申请的wx.getLocation接口因你所描述的小程序接口使用场景,目前未符合接入wx.getL

    2024年02月15日
    浏览(54)
  • uni-app小程序uni.navigateBack返回上一个页面并传递参数.返回上个页面并刷新

    返回上一个打开的页面并传递一个参数。有种办法就是使用 假如从B页面返回A页面: 经过测试,在uni.app中使用B页面使用setData设置A页面参数无法实现(应该是被更改为常量属性了)。 打印console.log(prevPage)前一页面对象可得: 方法1:我们可以使用A页面原有方法 B页面传递:

    2024年02月16日
    浏览(62)
  • 微信小程序可以通过wx.request()方法发送text/event-stream请求头的数据,并通过wx.onSocketMessage()方法动态接收数据

    具体步骤如下: 1. 使用wx.request()方法发送text/event-stream请求头的数据,示例代码如下: ``` wx.request({   url: \\\'your_url\\\',   header: {     \\\'Content-Type\\\': \\\'text/event-stream\\\'   },   success: function(res) {     console.log(res)   } }) ``` 2. 在页面onLoad()方法中创建WebSocket连接,示例代码如下: ``` onLoa

    2024年02月05日
    浏览(46)
  • 微信小程序如何实现兼容----wx.getSystemInfoSync、 wx.getSystemInfo、wx.canIUse

    小程序的宿主环境一直在迭代更新,提供更多的能力给开发者去完成更多的事情,所以你的小程序会运行在不同版本的宿主环境下。为了让你的小程序在不同环境下都能提供相应的服务,我们需要来了解一下在小程序中如何实现兼容办法。 1.针对不同手机进行程序上的兼容

    2024年02月09日
    浏览(50)
  • 微信小程序wx.previewImage实现图片预览

    在微信小程序中, wx.previewImage 函数用于预览图片,可以将一组图片以轮播的方式展示给用户,并支持用户手势操作进行切换。 使用 wx.previewImage 函数需要传入一个参数对象,该对象包含以下属性: current : String,必填,当前显示图片的链接/路径。 urls : Array,必填,需要预览

    2024年02月06日
    浏览(63)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包