小程序頁(yè)面跳轉(zhuǎn)的四種方法分別什么

小編給大家分享一下小程序頁(yè)面跳轉(zhuǎn)的四種方法分別什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

小程序頁(yè)面跳轉(zhuǎn)的四種方法分別什么

小程序頁(yè)面跳轉(zhuǎn)的四種方法

1、wx.navigateTo({}) ，保留當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面（下面是跳轉(zhuǎn)到test頁(yè)面的代碼），然后從test頁(yè)面返回上一頁(yè)的時(shí)候使用 wx.navigateBack 返回；

wx.navigateTo({
    //跳轉(zhuǎn)頁(yè)面的路徑，可帶參數(shù) ，用?隔開(kāi)，不同參數(shù)用&分隔；
    url:'../test/test?id=1&page=4',  
    success:function(){}        //成功后的回調(diào)；
    fail：function(){}          //失敗后的回調(diào)；
    complete：function(){}      //結(jié)束后的回調(diào)(成功，失敗都執(zhí)行)
})

傳遞的參數(shù)在接收頁(yè)面onLoad()函數(shù)中得到值：option.id就可以得到了

onLoad: function (option) {
　  console.log(option);  //可以打印一下option查看參數(shù)
　  this.setData({
　  id:option.id
    )};
},

返回上一頁(yè)，在test頁(yè)綁定返回函數(shù)

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

在test頁(yè)面的js里面寫(xiě)wx.navigateBack返回

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

2、wx.redirectTo() , 關(guān)閉當(dāng)前頁(yè)面，跳轉(zhuǎn)到非tabBar的某個(gè)頁(yè)面；

3、使用頁(yè)面標(biāo)簽 navigator，和html的a標(biāo)簽有點(diǎn)像；

<navigator url='../test/test?id=1'>點(diǎn)擊跳轉(zhuǎn)</navigator>

4、wx.switchTab ，跳轉(zhuǎn)到tabBar的某個(gè)頁(yè)面；

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

使用小程序提供的tab選項(xiàng)卡來(lái)實(shí)現(xiàn)頁(yè)面和頁(yè)面之間的切換。需要注意的是，我們不需要自己編寫(xiě)代碼實(shí)現(xiàn)tab選項(xiàng)卡。小程序提供了現(xiàn)成的tab選項(xiàng)卡，我們只需要在app.json中配置一些參數(shù)即可實(shí)現(xiàn)tab選項(xiàng)卡的效果。tab選項(xiàng)卡的配置是通過(guò)app.json文件中的tabBar選項(xiàng)來(lái)實(shí)現(xiàn)的。

以上是“小程序頁(yè)面跳轉(zhuǎn)的四種方法分別什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！