uniapp,小程序端返回上一页并传递参数

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

使用场景:

从A页面跳到B页面,在数据操作后要返回A页面(使用uni.navigateBack()返回),

要求:

携带参数返回A页面,不使用链接带参数返回,不用使用缓存:uni.setStorageSync()储存数据等情况下怎么传递参数

可使用解决方案:

方法一:使用getCurrentPages() 函数获取上一页面栈的实例,可使用$vm调用A页面方法传递参数(h5端可用)

                   //A页面
                   let pages = getCurrentPages();
					let prevPage = pages[pages.length - 2]; //上一个页面
					prevPage.$vm.backUpdatePages({//调用A页面的backUpdatePages方法传参
						isUpdatePages: true
					})
				
					uni.navigateBack();
					//B页面
					methods: {
					backUpdatePages(obj){
					console.log('===========obj', obj)
					}
					}
				

方法二:使用getCurrentPages() 函数获取上一页面栈的实例,A页面的onShow()传递参数(h5端不可用)文章来源地址https://www.toymoban.com/news/detail-719897.html

                   //A页面
                   let pages = getCurrentPages();
					let prevPage = pages[pages.length - 2]; //上一个页面
					prevPage.onShow({//调用A页面的onShow()传参
						isUpdatePages: true
					})
				
					uni.navigateBack();
					//B页面
					onShow(option) {
					//调用用prevPage.onShow传参,A页面onshow会执行两次,
					//第一次调用prevPage.onShow()执行一次会携带参数,
					//页面的生命周期onShow执行一次没有参数

					console.log('===========option', option)
					}	

到了这里,关于uniapp,小程序端返回上一页并传递参数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • vue/uniapp - 返回上一页并onLoad/onShow刷新数据列表接口

    在uni中,返回页面是不会触发 onLoad 方法的; 如果我们只想在特定情况下返回上一页才需要刷新数据,那么用 onShow 的话,那刷新就太频繁了; 这时候,可以用 $emit 和 $on 去解决。 比如说,从详情页(detail.vue) 回到 列表页(list.vue): 进入的页面 给大佬暴赞👍👍👍👍👍👍

    2024年02月04日
    浏览(50)
  • uniapp 返回上一步携带参数

    1. 下一步   (this.formList  是需要传给上一步的值) 2. 返回上一步, 携带参数

    2024年02月07日
    浏览(43)
  • uni-app -移动端H5小程序 关闭当前页,返回上一页并调用上一页的方法

    👨‍💻 作者简介:程序员半夏 , 一名全栈程序员,擅长使用各种编程语言和框架,如JavaScript、React、Node.js、Java、Python、Django、MySQL等.专注于大前端与后端的硬核干货分享,同时是一个随缘更新的UP主. 你可以在各个平台找到我! 🏆 本文收录于专栏: uniapp踩坑指南 🔥 专栏介绍

    2024年02月05日
    浏览(61)
  • uniapp App跳转微信小程序并互相传递参数、接收微信小程序传递的参数

    本文是uniapp打包成安卓App。 一、注意事项 1、用到了分享功能,在打包App时,需要配置manifest.json:App 模块配置-Share。按照提示填写微信分享的信息,appid的获取参考我的另一篇文章:uniapp项目 App端实现微信登录、QQ登录 2、因为涉及到第三方 SDK 的配置,需要打包自定义基座

    2024年02月09日
    浏览(58)
  • 干货,在uniapp项目中使用uni.navigateBack()方法返回上一页或多页时携带参数的方法!

    在微信官方文档中有这么一个方法:getCurrentPages() getCurrentPages()函数用于获取当前页面栈的实例,以 数组 形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。 注意: getCurrentPages()仅用于展示页面栈的情况,请勿修改页面栈,以免造成页面状态错误 在日常的实

    2024年02月12日
    浏览(57)
  • uniapp小程序端使用腾讯地图

    一、获取腾讯地图密钥 1. 找到腾讯地图API 腾讯地图A地址PI 注册并登录后点击 开发文档 选择 微信小程序JavaScript SDK 进入后按照 Hello world! 中的步骤进行 2. 申请密钥 点击上面第一步中的 申请密钥 ,进入我的应用,在创建应用中输入创建的名称和类型 创建成功后点击 添加

    2024年02月16日
    浏览(48)
  • uniapp 实现富文本编辑器【小程序端】

    css资源文件戳该链接:富文本css文件链接 编辑菜单我搞成吸顶效果了,方便手机编辑不用再滑到头部点编辑菜单:css实现元素吸顶效果 ————————————————————————————————————————————

    2024年02月16日
    浏览(66)
  • uniapp返回上一页执行上一页方法

    在使用uniapp的过程中,我相信,我们都一定遇见过如下的场景: 进入了一个列表页,列表页进入详情页,在详情页进行了一些操作,比如,删除,修改,编辑,提交,成功之后返回到列表页,那么这个时候,如果我们的列表页不进行数据的刷新,就会给用户一种错觉,我刚才

    2024年02月16日
    浏览(38)
  • uniapp实现微信小程序端动态生成海报

    背景: 基于uniapp实现微信小程序中商品详情的海报生成与保存 效果图: 思路: 首先把海报上需要的内容准备好,比如用户头像,商品信息,二维码等。需要注意的是,因为二维码是动态生成的,所以需要后端传给我们,前端需要把路径和参数传给后端,后端请求微信服务接

    2024年02月12日
    浏览(49)
  • uniapp条件判断app,H5,微信小程序端

    1.在页面上判断不同的端 2.JS里面判断不同的端 3.CSS里面判断不同的端

    2024年02月05日
    浏览(48)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包