最简单的方法实现返回按钮跳转到指定界面

项目中遇到一问题,当A页面用wx.navigateTo的方法跳转到B页面时,然后用同样的办法从B到C页面,在C页面时遇到问题:1.点击C页面的某一按钮直接返回A页面?2.点击C页面导航返回按钮返回到A页面?

凑合看,主要表述意思

问题1.点击C页面的返回按钮跳回A页面的实现代码:

wx.navigateBack({
              delta:2
            })

问题2.点击C页面的返回按钮返回A页面的实现代码:

onUnload: function () {
    wx.reLaunch({
      url: '../login/login'//跳转返回页面
    })
  }

关于问题2的实现,看网上有的人用很麻烦的方法先跳到B页面然后在返回A页面,用户体验效果一点都不好,其实官方文档都有对问题的答案,只是描述的不明确而已。

以下是官方文档的详细说明:https://developers.weixin.qq.com/miniprogram/dev/api/ui-navigate.html

wx.navigateBack的介绍

和上面的搭配使用的wx.navigateBack

wx.redirectTo的使用

注意:关闭当前页面,跳转到应用内的某个页面。调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,具有层级关系,而 redirectTo 方法则不会。因为这种层级关系,用navigateTo跳转后,点击导航栏返回时只返回上一级。

wx.reLaunch的使用

注意:关闭所有页面,打开到应用内的某个页面。因为跳转时先关闭所有页面,所以这种方法可以跳到任意页面。

wx.switchTab的使用

注意:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。

文档方法写的很清楚,有不明确的方法时,看文档,看文档,一定要注意基础。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏杨逸轩 ' sBlog

Fiddler怎么对IPhone手机的数据进行抓包分析

4.4K50
来自专栏Youngxj

emlog彩色3D标签云 - 非插件

43960
来自专栏BY的专栏

iOS开启热点或定位时状态栏变化导致布局改变

58950
来自专栏知无涯

移动端前端开发调试-将safari设置iPhone模拟器

1.3K110
来自专栏成猿之路

程序员word编写小记

大家看代码时,都希望有文档。但是我们平时又懒得写文档。为什么呢?今天写了一下,才发现,这和word的使用熟练程度有很大关系。

15430
来自专栏代码世界

表单提交中的input、button、submit的区别

1.input[type=submit] 我们直接来看例子: ? 代码如下: <form> <input name="name"> <input...

431100
来自专栏散尽浮华

Linux终端复用神器-Tmux使用梳理

Tmux是一个优秀的终端复用软件,类似GNU Screen,但来自于OpenBSD,采用BSD授权。使用它最直观的好处就是,通过一个终端登录远程主机并运行tmu...

252100
来自专栏React Native开发圈

React Native二维码生成组件

value:二维码的值 size:大小,默认128 bgColor:背景色,默认#000 fgColor:前景是,默认#fff

14220
来自专栏地方网络工作室的专栏

打造前端 Deepin Linux 工作环境——系统更新以及配置字体

打造前端 Deepin Linux 工作环境——系统更新以及配置字体 安装好编辑器,然后就准备码代码了,但是感觉字体不是很好看。所以决定配置一下字体。顺便把系统...

52560
来自专栏疯狂的小程序

像 React Native 开发 APP 一样,用wn-cli 开发 weapp (微信小程序)

wn-cli 像React组件开发一样来开发微信小程序

43660

扫码关注云+社区

领取腾讯云代金券