微信小程序?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)擊時有背景)
<!-- 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)的某個頁面,使用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)某個頁面)
navigateto_index: function (event) { wx.redirectTo({ url: '../index/index', success: function (res) { // success }, fail: function () { // fail }, complete: function () { // complete } }) }
參數(shù)如下
4.通過wx.navigateBack返回上一級(關(guān)閉當(dāng)前頁面。返回上一頁面或多級頁面)。
wx.navigateBack({ delta: 1, // 回退前 delta(默認(rèn)為1) 頁面 success: function (res) { // success }, fail: function () { // fail }, complete: function () { // complete } })
以上所述是小編給大家介紹的微信小程序跳轉(zhuǎn)方式詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(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ì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02基于js實(shí)現(xiàn)數(shù)組相鄰元素上移下移
這篇文章主要介紹了基于js實(shí)現(xiàn)數(shù)組相鄰元素上移下移,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-05-05微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_
這篇文章主要介紹了微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"},非常具有實(shí)用價值,需要的朋友可以參考下2018-10-10JavaScript封閉函數(shù)及常用內(nèi)置對象示例
這篇文章主要介紹了JavaScript封閉函數(shù)及常用內(nèi)置對象,結(jié)合實(shí)例形式分析了JavaScript封閉函數(shù)及常用內(nèi)置對象的定義與簡單使用相關(guān)操作技巧,需要的朋友可以參考下2019-05-05基于Bootstrap模態(tài)對話框只加載一次 remote 數(shù)據(jù)的解決方法
下面小編就為大家?guī)硪黄贐ootstrap模態(tài)對話框只加載一次 remote 數(shù)據(jù)的解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07微信小程序?qū)崿F(xiàn)天氣預(yù)報(bào)功能(附源碼)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)天氣預(yù)報(bào)功能(附源碼),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12