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

創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，提供網(wǎng)站制作、網(wǎng)站建設(shè)，網(wǎng)頁(yè)設(shè)計(jì)，建網(wǎng)站，PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);可快速的進(jìn)行網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展；專業(yè)做搜索引擎喜愛的網(wǎng)站，是專業(yè)的做網(wǎng)站團(tuán)隊(duì)，希望更多企業(yè)前來合作!

小程序頁(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ù) ，用?隔開，不同參數(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ù)

返回

在test頁(yè)面的js里面寫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)像；

點(diǎn)擊跳轉(zhuǎn)

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

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

分享標(biāo)題：小程序頁(yè)面跳轉(zhuǎn)的四種方法分別什么-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://weahome.cn/article/djospg.html