微信小程序怎么實(shí)現(xiàn)跳轉(zhuǎn)

這篇文章將為大家詳細(xì)講解有關(guān)微信小程序怎么實(shí)現(xiàn)跳轉(zhuǎn)，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

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)聽bindtap事件，然后在方法里面，通過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)聽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)前頁(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、通過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 
  } 
 })

關(guān)于微信小程序怎么實(shí)現(xiàn)跳轉(zhuǎn)就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。