微信小程序?qū)崿F(xiàn)跳轉(zhuǎn)的幾種方式總結(jié)（推薦）
今天把實(shí)現(xiàn)微信頁面的跳轉(zhuǎn)的幾種方法總結(jié)分享下
1.使用導(dǎo)航組件，標(biāo)簽，頁面鏈接來實(shí)現(xiàn)（可以發(fā)現(xiàn)點(diǎn)擊時(shí)有背景）
<!-- sample.wxml --> <view class="btn-area"> <navigator url="../my/my">跳轉(zhuǎn)到新頁面</navigator> </view>
參數(shù)如下
2.給頁面布局加監(jiān)聽bindtap事件，然后在方法里面，通過wx.navigatorTo來實(shí)現(xiàn)跳轉(zhuǎn)（保留當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面，使用wx.navigateBack可以返回到原頁面）
在my.wxml中加監(jiān)聽bindtap事件
<view bindtap='jump'>跳轉(zhuǎn)</view>
在my.js中實(shí)現(xiàn)跳轉(zhuǎn)
jump:function(){
wx.navigateTo({
url: '../login/login',
success: function(res) {
},
fail: function(res) {
},
complete: function(res) {
},
})
}
參數(shù)如下
3.通過wx.redirectTo實(shí)現(xiàn)跳轉(zhuǎn)（關(guān)閉當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)某個(gè)頁面）
navigateto_index: function (event) {
wx.redirectTo({
url: '../index/index',
success: function (res) {
// success
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
}
參數(shù)如下
4.通過wx.navigateBack返回上一級(jí)（關(guān)閉當(dāng)前頁面。返回上一頁面或多級(jí)頁面）。
wx.navigateBack({
delta: 1, // 回退前 delta(默認(rèn)為1) 頁面
success: function (res) {
// success
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
以上所述是小編給大家介紹的微信小程序跳轉(zhuǎn)方式詳解整合，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
- 微信小程序跳轉(zhuǎn)到其他網(wǎng)頁(外部鏈接)的實(shí)現(xiàn)方法
- 微信小程序 跳轉(zhuǎn)頁面的兩種方法詳解
- 微信小程序按鈕點(diǎn)擊跳轉(zhuǎn)頁面詳解
- 微信小程序 頁面跳轉(zhuǎn)傳參詳解
- 微信小程序 頁面跳轉(zhuǎn)和數(shù)據(jù)傳遞實(shí)例詳解
- 微信小程序 詳解頁面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)
- 微信小程序出現(xiàn)wx.navigateTo頁面不跳轉(zhuǎn)問題的解決方法
- 微信小程序?qū)崿F(xiàn)點(diǎn)擊文字頁面跳轉(zhuǎn)功能【附源碼下載】
- 微信小程序鏈接傳參并跳轉(zhuǎn)新頁面
- 微信小程序?qū)崿F(xiàn)跳轉(zhuǎn)詳情頁面
相關(guān)文章
可能被忽略的一些JavaScript數(shù)組方法細(xì)節(jié)
這篇文章主要給大家介紹了一些可能被忽略的JavaScript數(shù)組方法細(xì)節(jié)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
最近在寫一個(gè)JS代碼壓縮工具的時(shí)候，感受到JS的強(qiáng)大，同時(shí)也讓我頭疼的一陣子（誰叫我是JS菜鳥）。2009-05-05
基于js實(shí)現(xiàn)數(shù)組相鄰元素上移下移
這篇文章主要介紹了基于js實(shí)現(xiàn)數(shù)組相鄰元素上移下移,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_
這篇文章主要介紹了微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2018-10-10
JavaScript封閉函數(shù)及常用內(nèi)置對(duì)象示例
這篇文章主要介紹了JavaScript封閉函數(shù)及常用內(nèi)置對(duì)象,結(jié)合實(shí)例形式分析了JavaScript封閉函數(shù)及常用內(nèi)置對(duì)象的定義與簡(jiǎn)單使用相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了js關(guān)于命名空間的函數(shù),實(shí)例講述了namespace函數(shù)的使用技巧,需要的朋友可以參考下2015-02-02
基于Bootstrap模態(tài)對(duì)話框只加載一次 remote 數(shù)據(jù)的解決方法
下面小編就為大家?guī)硪黄贐ootstrap模態(tài)對(duì)話框只加載一次 remote 數(shù)據(jù)的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
微信小程序?qū)崿F(xiàn)天氣預(yù)報(bào)功能(附源碼)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)天氣預(yù)報(bào)功能(附源碼)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
今天為大家介紹的是JavaScript中的style.display屬性操作實(shí)現(xiàn)代碼與參數(shù)介紹2013-03-03
這篇文章主要介紹了webpack4 入門最簡(jiǎn)單的例子介紹，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09