1. 程式人生 > >小程式: 頁面跳轉方式

小程式: 頁面跳轉方式

一. 頁面的跳轉方式

1.  使用元件  <navigator>  -- 類似於 a標籤  

     示例:   <navigator  url='../index/index'> 跳轉到首頁 </navigator>

 

2.  wx.switchTab ,跳轉到 tabBar 的某個頁面

    示例: wx.switchTab({

                        url: '../index/index'       // 注意switchTab只能跳轉到帶有tab的頁面, 不能跳轉到不帶tab的頁面

                })

 

3.  wx.redirectTo({ } ) , 關閉當前頁面, 跳轉到非tabBar的某個頁面

 

4.  wx.navigateTo({ }),保留當前頁面, 跳轉到應用內的某個頁面, 使用 wx.navigateBack  可以返回

wx.navigateTo({
      url:'../test/test?id=1&page=4',  //跳轉頁面的路徑,可帶引數 ?隔開,不同引數用 & 分隔;相對路徑,不需要.wxml字尾
success:function(){} //成功後的回撥; fail:function(){} //失敗後的回撥; complete:function(){} //結束後的回撥(成功,失敗都會執行) }) 傳遞的引數在接收頁面onLoad()函式中得到值:option.id就可以得到了 onLoad: function (option) {   console.log(option)//可以列印一下option看檢視引數 this.setData({ id:option.id, });
View Code

 

5. wx.navigateBack({ }),關閉當前頁面,返回上一頁面或多級頁面

// A —— B
wx.navigateTo({
    url: 'B?id=1'
})

// B —— C
wx.navigateTo({
    url: 'C?id=1'
})

// C ——A
wx.navigateBack({
    delta: 2
})
View Code

 

 

6.  wx.reLaunch({ }), 關閉所有頁面,開啟到應用內的某個頁面