這篇文章主要介紹了小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)的方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序制作、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了碾子山免費(fèi)建站歡迎大家使用！

小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)的方法：1、使用導(dǎo)航組件，標(biāo)簽，頁面鏈接來實(shí)現(xiàn)；2、給頁面布局加監(jiān)聽bindtap事件，并在方法里面，通過【wx.navigatorTo】來實(shí)現(xiàn)跳轉(zhuǎn)；3、通過【wx.redirectTo】實(shí)現(xiàn)跳轉(zhuǎn)。

小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)的方法：

1.使用導(dǎo)航組件，標(biāo)簽，頁面鏈接來實(shí)現(xiàn)（可以發(fā)現(xiàn)點(diǎn)擊時(shí)有背景）

 跳轉(zhuǎn)到新頁面

參數(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事件

跳轉(zhuǎn)

在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 
 } 
 })

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)的方法內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!