微信小程序如何实现返回上一页功能
微信小程序之返回上一頁實(shí)現(xiàn)方法
先介紹三種跳轉(zhuǎn)方式:
1.B頁面自帶返回按鈕
wx.navigateTo(OBJECT) 保留當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面,使用wx.navigateBack可以返回到原頁面
復(fù)制代碼
2.B頁面不帶返回按鈕
wx.redirectTo(OBJECT)關(guān)閉當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面。
3.B頁面不帶返回按鈕
wx.switchTab(OBJECT) 跳轉(zhuǎn)到 tabBar 頁面,并關(guān)閉其他所有非 tabBar 頁面
自己在B頁面人工添加返回按鈕到A頁面
wxml:
bindtap="navigateBack" js: navigateBack: function () { var self = this; var pages = getCurrentPages(); if (pages.length == 1) { if (self.data.circleId && self.data.circleId >0) { wx.redirectTo({ url: '../../circle/index/index?circleId=' + self.data.circleId + '&circleName=' + (self.data.circleName || '') }); } else { wx.switchTab({ url: "../../home/grouplist/grouplist" }); } } else { wx.navigateBack({ changed: true });//返回上一頁 } }題外話:
1、A -> B -> C C直接返回A
A -> B通過 wx.navigateTo 跳轉(zhuǎn)
B -> C 通過 wx.redirectTo 跳轉(zhuǎn).跳轉(zhuǎn)觸發(fā)后 B 頁面就會(huì)被銷毀, C 頁面再返回 wx.navigateBack 就會(huì)直接到 A 了
2、A -> B -> C 返回效果C -> B -> A
正常 A -> B -> C 都是通過 wx.navigateTo 跳轉(zhuǎn)的,所以 wx.navigateBack 只能返回上一界面
如果你也想開發(fā)一款屬于自己的微信小程序,可以通過第三方專業(yè)開發(fā)平臺,來幫助你實(shí)現(xiàn)開發(fā)需求:廈門在乎科技-專注小程序、app、網(wǎng)站開發(fā)
總結(jié)
以上是生活随笔為你收集整理的微信小程序如何实现返回上一页功能的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Rstudio一个工程多个文件
- 下一篇: 手机号最新的正则表达式验证(截止2018