1、wx.navigateTo 保留當前頁面，跳轉到應用內的某個頁面，目前頁面路徑最多只能十層。

　　參數：url（可攜帶參數） 、success 、fail 、complete

　　可用wxml代替: <navigator url='test?id=參數' hover-class="none">

//本頁面 
wx.navigateTo({
    url:'test?id=參數',
　　success:function(){
　　　　console.log('接口調用成功')
　　},
　　fail:function(){
　　　　console.log('接口調用成功')  
　　},
　　complete:function(){
　　　　console.log('調用結束，調用成功失敗都會執行')
　　}
})

//test 頁面拿 參數，在onload方法中 以對象的方式傳回
Page({
　　onLoad:function(options){
　　　　console.log(options)  // {id:'參數'}
　　}
})

　　

2.wx.redirectTo　關閉當前頁面，跳轉到應用內某個頁面。（如果下一頁面 有返回上一頁箭頭，則跳過當前頁面）

　　參數：url（可攜帶參數）、 success 、fail 、complete

　　用法同1

3.wx.reLaunch 關閉所有頁面，打開到應用內的某個頁面。（不會有返回上一頁箭頭）

　　參數：url（可攜帶參數）、 success 、fail 、complete

　　用法同1

4.wx.switchTab 跳轉到tabBar 頁面，并關閉其他所有非 tabBar 頁面

　 參數：url（可攜帶參數）、 success 、fail 、complete

　　用法同1

　　另： tabBar 在app.json中配置，附配置方法

//tabbar配置 示例
"tabBar": {
    "color": "#bcbcbc",
    "selectedColor": "#4d4d4d",
    "borderStyle": "#bcbcbc",
    "backgroundColor": "#ffffff",
    "list": [
      {
        "pagePath": "pages/index/index",
        "iconPath": "libs/img/tab_index.png",
        "selectedIconPath": "libs/img/tab_index_on.png",
        "text": "主頁"
      },
      {
        "pagePath": "pages/mall/mall",
        "iconPath": "libs/img/tab_mall.png",
        "selectedIconPath": "libs/img/tab_mall_on.png",
        "text": "商城"
      },
      {
        "pagePath": "pages/per/per",
        "iconPath": "libs/img/tab_per.png",
        "selectedIconPath": "libs/img/tab_per_on.png",
        "text": "個人"
      }
    ]
  }

5.wx.navigateBack返回到上一頁面或多級頁面。可通過 getCurrentPages() 獲取當前的頁面棧，決定要返回幾層

　　參數：delta 返回的頁面數，如果大于現有頁面數，則返回到首頁。。。

wx.navigateBack({

　　　　delta:2     //如果delta大于等于2，返回目標頁時，中間頁會出現一下相繼返回至目標頁。  解決辦法：中間頁用 wx.redirectTo代替

})

　　

總結

以上是生活随笔為你收集整理的微信小程序 导航 4种页面跳转 详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。