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

創(chuàng)新互聯(lián)建站成都網(wǎng)站建設(shè)按需開發(fā)網(wǎng)站，是成都網(wǎng)站制作公司,為成都OPP膠袋提供網(wǎng)站建設(shè)服務(wù),有成熟的網(wǎng)站定制合作流程，提供網(wǎng)站定制設(shè)計(jì)服務(wù)：原型圖制作、網(wǎng)站創(chuàng)意設(shè)計(jì)、前端HTML5制作、后臺(tái)程序開發(fā)等。成都網(wǎng)站設(shè)計(jì)熱線：13518219792

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

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

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

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

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

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

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

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

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

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

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

3、使用頁面標(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è)頁面；

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

使用小程序提供的tab選項(xiàng)卡來實(shí)現(xiàn)頁面和頁面之間的切換。需要注意的是，我們不需要自己編寫代碼實(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)的。

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

分享標(biāo)題：小程序頁面跳轉(zhuǎn)的四種方法分別什么
URL鏈接：http://www.rwnh.cn/article16/peoggg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、靜態(tài)網(wǎng)站、定制開發(fā)、微信小程序、建站公司、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)