小程式頁面跳轉的四種方法

1、wx.navigateTo({}) ，保留當前頁面，跳轉到應用內的某個頁面（下面是跳轉到test頁面的程式碼），然後從test頁面返回上一頁的時候使用 wx.navigateBack 返回；

wx.navigateTo({
    //跳轉頁面的路徑，可帶引數 ，用?隔開，不同引數用&分隔；
    url:'../test/test?id=1&page=4',  
    success:function(){}        //成功後的回撥；
    fail：function(){}          //失敗後的回撥；
    complete：function(){}      //結束後的回撥(成功，失敗都執行)
})
 

傳遞的引數在接收頁面onLoad()函式中得到值：option.id就可以得到了

onLoad: function (option) {
　  console.log(option);  //可以列印一下option檢視引數
　  this.setData({
　  	id:option.id
    )};
},

返回上一頁，在test頁繫結返回函式

<view class="but" bindtap="fanhui">返回</view>

在test頁面的js裡面寫wx.navigateBack返回

fanhui:function(){
    wx.navigateBack({ changed: true });
},
 

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

3、使用頁面標籤 navigator，和html的a標籤有點像；

<navigator url='../test/test?id=1'>點選跳轉</navigator> 

4、wx.switchTab ，跳轉到tabBar的某個頁面；

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

使用小程式提供的tab選項卡來實現頁面和頁面之間的切換。需要注意的是，我們不需要自己編寫程式碼實現tab選項卡。小程式提供了現成的tab選項卡，我們只需要在app.json中配置一些引數即可實現tab選項卡的效果。tab選項卡的配置是通過app.json檔案中的tabBar選項來實現的。