小程序,頁面跳轉的四種方法wx.navigateTo({}),wx.redirectTo(), , wx.switchTab


一、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,
    });

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

三、 使用組件 <navigator>

<navigator url='../test/test'>點擊跳轉</navigator>

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

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM