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