小程序开发|小程序制作|小程序开发网

搜索

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

2022-5-31 18:30| 发布者: admin| 查看: 260| 评论: 0

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

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



凑合看,主要表述意思

问题1.点击C页面的返回按钮跳回A页面的实现代码:
[AppleScript] 纯文本查看 复制代码
wx.navigateBack({              delta:2})

问题2.点击C页面的返回按钮返回A页面的实现代码:
[AppleScript] 纯文本查看 复制代码
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 页面。



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


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部