返回顶部
首页 > 资讯 > 精选 >微信小程序返回上一页的各种方法
  • 839
分享到

微信小程序返回上一页的各种方法

微信小程序javascript小程序前端 2023-08-19 14:08:55 839人浏览 安东尼
摘要

微信小程序返回上一页的各种方法 1. navigator 这是最常见的一种跳转方式,相当于html里的a标签。但需要注意的是 该方法不能跳转tabbar页面,保留当前页面,在wxml使用 内容 2. wx.navigateTo 通过构造js

微信小程序返回上一页的各种方法

1. navigator

这是最常见的一种跳转方式,相当于html里的a标签。但需要注意的是 该方法不能跳转tabbar页面,保留当前页面,在wxml使用

<navigator  url=".路径">内容</navigator>

2. wx.navigateTo

通过构造js函数,在函数中调用该接口可实现页面跳转的效果。但该接口同样不能跳转tabbar页面,跳转后左上角有返回小箭头,点击可返回原本页面。保留当前页面,在js使用

wx.navigateTo({       url: '路径',       success: function () { },       fail: function () { } })

3. wx.redirectTo

关闭当前页面,跳转到应用内的某个页面(不能跳转tabbar页面)。类似于html中的 window.open(‘…’);
跳转后左上角出现返回小箭头,点击后可返回原本页面。不保留当前页面,在js使用

wx.redirectTo({    url: '路径',    success: function () { },    fail: function () { }})

4. wx.switchTab

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面;该方法只能跳转tabbar页面,不保留当前页面,跳转到tabBar页

wx.switchTab({    url: '路径',    success: function () { },    fail: function () { }})

5. wx.reLaunch

关闭所有页面,打开到应用内的某个页面,左上角不会出现返回箭头

  wx.reLaunch({     url: '/pages/index/index',  })

6. navigateBack

省略去写路径

  wx.navigateBack({    delta: 1  });

注意

在具体的业务场景中,当在子页面B中用户进行数据修改和表单提交之后,返回到父页面A中时,希望A获取到的相关数据能够更新,但是小程序的对wx.navigatorTo()的生命周期的安排不会再去获取数据,要想页面A强制刷新,则在A的onShow函数中强制发请求再执行获取数据的方法

来源地址:https://blog.csdn.net/ARLENE2/article/details/129437624

--结束END--

本文标题: 微信小程序返回上一页的各种方法

本文链接: https://lsjlt.com/news/375620.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 微信小程序返回上一页的各种方法
    微信小程序返回上一页的各种方法 1. navigator 这是最常见的一种跳转方式,相当于html里的a标签。但需要注意的是 该方法不能跳转tabbar页面,保留当前页面,在wxml使用 内容 2. wx.navigateTo 通过构造js...
    99+
    2023-08-19
    微信小程序 javascript 小程序 前端
  • 微信小程序返回上一页的各种方法实例
    目录一、方法罗列二、讲解三、常用案例四、总结补充:微信小程序如何返回上一个页面并刷新上一个页面总结返回上一页,一共有4中方法,每种方法都有不一样细节 一、方法罗列 函数说明navig...
    99+
    2024-04-02
  • 微信小程序怎么实现返回上一页
    这篇文章主要介绍了微信小程序怎么实现返回上一页的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序怎么实现返回上一页文章都会有所收获,下面我们一起来看看吧。一、方法罗列函数说明navigator保留当前页面...
    99+
    2023-07-02
  • 微信小程序阻止小程序返回的两种方法
    目录方法1:方法2:后语:对于page-container原理的个人理解总结本次项目为uniapp开发,原生小程序也可以参考这两个方法。 方法1: wx.enableAlertBef...
    99+
    2023-05-17
    阻止小程序返回怎么设置 微信小程序阻止返回 禁止小程序跳转
  • 小程序带参返回上一页的方法有哪些
    这篇文章主要介绍“小程序带参返回上一页的方法有哪些 ”,在日常操作中,相信很多人在小程序带参返回上一页的方法有哪些 问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”小程序带参返回上一页的方法有哪些 ”的疑惑有所...
    99+
    2023-06-26
  • 微信小程序页面返回传值的4种解决方案汇总
    目录使用场景解决方案1、使用globalData实现2、使用本地缓存Storage实现3、使用小程序的Page页面栈实现4、使用wx.navigateTo API的events实现总...
    99+
    2024-04-02
  • 微信小程序 -- 阻止小程序返回
    本次项目为uniapp开发,原生小程序也可以参考这两个方法。 方法1: wx.enableAlertBeforeUnload onLoad中声明 wx.enableAlertBeforeUnload(...
    99+
    2023-09-11
    微信小程序 小程序 前端
  • uniapp微信小程序左上角返回按钮的监听方法
    这篇文章主要介绍“uniapp微信小程序左上角返回按钮的监听方法”,在日常操作中,相信很多人在uniapp微信小程序左上角返回按钮的监听方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”uniapp微信小程序...
    99+
    2023-06-30
  • 微信小程序如何禁止页面返回
    微信小程序禁止页面返回的案例:微信小程序中不允许用户返回上一页的操作代码。//用wx.redirectTo来做跳转页面wx.redirectTo({url: '/pages/index/index'})移动端小程序...
    99+
    2024-04-02
  • 微信小程序页面返回操作拦截
    返回操作包括三种情形,右滑手势、安卓物理返回键和调用 navigateBack 接口 微信小程序没有提供类似 onBackPress 监听页面返回的api,在某些特定场景下,业务收到了限制 为了解决这...
    99+
    2023-09-07
    微信小程序 小程序
  • 微信小程序阻止页面返回(包滑动、自动返回键)
    这个场景还是挺有意思的,比如某多多,只要你点左上角的返回 好家伙,满满又 花不了 的优惠券就来了,让你拥有一种消费最划算的感觉。 如果你的场景比较简单,只是对左上角的返回进行监听,只需要关闭自带的导航栏,手写导航栏或用ui库的写好的导航栏就...
    99+
    2023-09-12
    微信小程序 小程序 vue.js 前端 vue
  • 小程序js怎么返回上一个页面
    小程序中利用js返回上一个页面的方法使用navigateTo方法实现带参返回上一个页面;wx.navigateTo({url: '返回地址'})使用setData调用that.changeParentData()方...
    99+
    2024-04-02
  • 微信小程序返回某个页面怎么设置
    设置微信小程序返回某个页面的方法:回退上一级页面,代码示例:var pages = getCurrentPages(); //当前页面var beforePage = p...
    99+
    2024-04-02
  • 微信小程序怎么返回数据
    本文小编为大家详细介绍“微信小程序怎么返回数据”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序怎么返回数据”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。数据分析接口开发者通过数据分析接口,可获取到小程序...
    99+
    2023-06-26
  • 微信小程序之五种页面跳转方法小结
    目录第一种:<navigator></navigator>标签.第二种:wx.navigateTo.第三种:wx.redirectTo.第四种:wx.swit...
    99+
    2024-04-02
  • 微信小程序如何实现页面跳转与返回并回传数据的方法
    小编给大家分享一下微信小程序如何实现页面跳转与返回并回传数据的方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!微信小程序 详解页面跳转与返回并回传数据A页面:.wxml文件<vie...
    99+
    2024-04-02
  • 微信小程序 操作完当前页面会,自动返回上一级页面,上一级页面自动刷新
    小程序页面有5个声明周期: 是由onLoad(页面加载)、onReady(页面初次渲染完成)、onShow(页面显示)、onUnload(页面卸载)   实现返回上一页的时候 其实是直接将隐藏的页面显示出来,所以不存在页面的再次加载 A页...
    99+
    2023-10-06
    微信小程序 小程序 前端 javascript
  • 小程序怎么设置返回上一级页面
    使用onShow加载实现小程序返回上一级页面并刷新首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找:utils/app.json文件;app.json文件打开后,在文件中添加以下代码即可;onShow: function...
    99+
    2024-04-02
  • 小程序如何关闭当前页面返回上一页面
    这篇“小程序如何关闭当前页面返回上一页面”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“小程序如何关闭当前页面返回上一页面”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来...
    99+
    2023-06-26
  • 如何实现微信小程序页面返回顶部效果
    这篇文章主要为大家展示了“如何实现微信小程序页面返回顶部效果”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何实现微信小程序页面返回顶部效果”这篇文章吧。效果预...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作