微信小程序怎么實現跳轉

這篇文章將為大家詳細講解有關微信小程序怎么實現跳轉，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

1、使用導航組件，標簽，頁面鏈接來實現（可以發現點擊時有背景）

<!-- sample.wxml -->
<view class="btn-area">
  <navigator url="../my/my">跳轉到新頁面</navigator>
</view>

參數如下

2、給頁面布局加監聽bindtap事件，然后在方法里面，通過wx.navigatorTo來實現跳轉（保留當前頁面，跳轉到應用內的某個頁面，使用wx.navigateBack可以返回到原頁面）

在my.wxml中加監聽bindtap事件

<view bindtap='jump'>跳轉</view>

在my.js中實現跳轉

  jump:function(){
    wx.navigateTo({
      url: '../login/login',
      success: function(res) {

      },
      fail: function(res) {

      },
      complete: function(res) {

      },
    })
  }

參數如下

3、通過wx.redirectTo實現跳轉（關閉當前頁面，跳轉到應用內某個頁面）

navigateto_index: function (event) { 
 wx.redirectTo({ 
 url: '../index/index', 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 }) 

 }

參數如下

4、通過wx.navigateBack返回上一級（關閉當前頁面。返回上一頁面或多級頁面）。

wx.navigateBack({ 
  delta: 1, // 回退前 delta(默認為1) 頁面 
  success: function (res) { 
  // success 
  }, 
  fail: function () { 
  // fail 
  }, 
  complete: function () { 
  // complete 
  } 
 })

關于微信小程序怎么實現跳轉就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。