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

小程序頁面跳轉(zhuǎn)的四種方法分別什么
小程序頁面跳轉(zhuǎn)的四種方法
1、wx.navigateTo({}) ,保留當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面(下面是跳轉(zhuǎn)到test頁面的代碼),然后從test頁面返回上一頁的時候使用 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的某個頁面;
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的某個頁面;
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)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
名稱欄目:小程序頁面跳轉(zhuǎn)的四種方法分別什么-創(chuàng)新互聯(lián)
網(wǎng)址分享:http://www.chinadenli.net/article36/djospg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、品牌網(wǎng)站制作、云服務(wù)器、自適應(yīng)網(wǎng)站、小程序開發(fā)、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容