今天把實現微信頁面的跳轉的幾種方法總結分享下

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

以上所述是小編給大家介紹的微信小程序跳轉方式詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！