小程序開發之頁面跳轉的四種方法

文章摘抄自:https://www.cnblogs.com/hrone/p/8067036.html

----------------------------------------------

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

  示例:

複製代碼
 1 wx.navigateTo({
 2     url:'../test/test?id=1&page=4',  //跳轉頁面的路徑,可帶參數 ?隔開,不同參數用 & 分隔;相對路徑,不需要.wxml後綴
 3     success:function(){}        //成功後的回調;
 4     fail:function(){}          //失敗後的回調;
 5     complete:function(){}      //結束後的回調(成功,失敗都會執行)
 6 })
 7 
 8 傳遞的參數在接收頁面onLoad()函數中得到值:option.type就可以得到了
 9 onLoad: function (option) {
10     this.setData({
11         type:option.type,
12     });
複製代碼

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

    3. 使用組件  <navigator>  示例:  <navigator url='../test/test'>點擊跳轉</navigator> 

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

1
2
3
wx.switchTab({
      url: '../taste/index',   //注意switchTab只能跳轉到帶有tab的頁面,不能跳轉到不帶tab的頁面
    })

  


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章