小程式之間怎麼跳轉？小程式之間跳轉方法

本篇文章帶給大家的內容是關於小程式之間怎麼跳轉？小程式之間跳轉方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。 【建議閱讀：小程式開發教學】

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

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=&#39;../test/test?id=1&#39;>点击跳转</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選項來實現的。

以上是小程式之間怎麼跳轉？小程式之間跳轉方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！