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

　　參數(shù)：url（可攜帶參數(shù)） 、success 、fail 、complete

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

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

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

　　

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

　　參數(shù)：url（可攜帶參數(shù)）、 success 、fail 、complete

　　用法同1

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

　　參數(shù)：url（可攜帶參數(shù)）、 success 、fail 、complete

　　用法同1

4.wx.switchTab 跳轉(zhuǎn)到tabBar 頁面，并關閉其他所有非 tabBar 頁面

　 參數(shù)：url（可攜帶參數(shù)）、 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() 獲取當前的頁面棧，決定要返回幾層

　　參數(shù)：delta 返回的頁面數(shù)，如果大于現(xiàn)有頁面數(shù)，則返回到首頁。。。

wx.navigateBack({

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

})

　　

總結

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。