1. 程式人生 > >小程序丨頁面跳轉的四種方法

小程序丨頁面跳轉的四種方法

ace on() 程序 nta comment 點擊 toolbar n) itl

  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.id就可以得到了
 9 onLoad: function (option) {
    console.log(option)//可以打印一下option看查看參數 10 this.setData({ 11 id:option.id, 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的頁面 })

  

 

小程序丨頁面跳轉的四種方法