微信小程式跳轉方式
小程式頁面跳轉的幾種常用方式
一:js實現
1.navigateTo (跳轉其他頁面後有返回鍵,不可以跳轉到tabBar頁面)
//例如從當前頁面跳轉到詳情頁面
wx.navigateTo({
url: '/pages/detail/detail?id=1'
})
2.switchTab(沒有返回鍵,是在tabBar頁面中跳轉,不可以攜帶引數)
wx.switchTab({
url: `/pages/detail/detail`,
})
3.relaunch(可以跳轉到任意頁面,沒有返回按鈕,但是有一個首頁按鈕)
wx.reLaunch({
url: '/pages/detail/detail'
})
4.redirectTo(只可以跳轉到tabBar頁面,沒有返回按鈕,但有首頁按鈕)
wx.redirectTo({
url: `/pages/detail/detail`,
})
5.navigateBack(應用在跳轉後的頁面,dalte值為1,表示跳轉到上一頁,2,表示跳兩級)
wx.navigateBack({
delta:1
})
區別:
1.wx.navigator是開啟一個新頁面,那個頁面是隱藏了,原頁面是onHide,所以是可以返回的,但是返回之後,跳轉的頁面就unload了
2.wx.redirecTo是當前頁面替換成新的頁面,所以返回不去onunload(頁面被解除安裝)
3.tabBar無論跳哪個頁面都是onHide
二:通過navigator
標籤在元件中實現
open-type:跳轉路由的型別,例:open-type="redirect"
1.<navigator url = "/pages/details/details">跳轉到新頁面</navigator>
2.<navigator url = "/pages/details/details" open-type = "redirect">跳轉到新頁面</navigator>
3.<navigator url = "/pages/details/details" open-type = "switchTab">跳轉到新頁面</navigator>
相關文章
- 微信小程式_跳轉方式微信小程式
- 微信小程式中頁面間跳轉傳參方式微信小程式
- 微信小程式開發系列七:微信小程式的頁面跳轉微信小程式
- 微信小程式 跳坑微信小程式
- 微信小程式開發系列 (四) :微信小程式的頁面跳轉路由設計微信小程式路由
- 簡訊跳轉微信小程式有哪些好處?微信小程式
- 微信小程式的路由跳轉和傳遞引數微信小程式路由
- 微信跳轉_跳轉微信原理 weixin://dl/business/?ticket=xxx
- 記一次微信小程式轉位元組跳動小程式的經驗微信小程式
- 微信小程式之間的跳轉及如何傳參互動微信小程式
- mp-vue微信小程式多層路由跳轉問題覆盤Vue微信小程式路由
- 微信小遊戲跳一跳外掛輔助程式遊戲
- 微信小程式:抽獎轉盤微信小程式
- 微信小程式攜帶引數跳轉頁面/獲取頁面棧微信小程式
- 微信小程式swiper旋轉木馬微信小程式
- (乾貨)微信小程式轉發好友微信小程式
- 轉轉:微信小程式分包載入實戰微信小程式
- 微信小程式微信小程式
- 微信小程式小技巧微信小程式
- 新浪微博app如何去喚起跳轉微信小程式APP微信小程式
- 微信小程式登入方式的修改解決方案微信小程式
- 微信小程式 使用filter過濾器幾種方式微信小程式Filter過濾器
- 微信公眾號開發之H5頁面跳轉到指定的小程式H5
- 微信小程式(1) 微信小程式TLS版本大於1.2微信小程式TLS
- 微信域名檢測、防封,微信跳轉技術揭秘(二)
- 微信域名檢測、防封,微信跳轉技術揭秘(一)
- 微信小程式路由微信小程式路由
- 直擊根源:vue專案微信小程式頁面跳轉web-view不重新整理Vue微信小程式WebView
- iOS WKWebView H5微信支付跳轉iOSWebViewH5
- 微信跳轉瀏覽器如何解決!瀏覽器
- 微信小程式直播間匯入商品的設定方式微信小程式
- 血淚總結:如何從微信小程式的坑跳進支付寶小程式的大坑微信小程式
- 使用SceneKit編寫微信跳一跳小遊戲(一)遊戲
- Thinkphp微信行銷工具,微信小程式。PHP微信小程式
- 域名怎樣跳轉防封 微信域名跳轉防封技術揭秘
- 微信小程式之wx.navigateTo不跳轉問題微信小程式
- 微信小程式實現軌跡回放,微信原生小程式,基於uniapp的小程式?微信小程式APP
- 微信小程式 demo 整理微信小程式