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


  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的頁面
     })


免責聲明!

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



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