線上服務(wù)咨詢
Article/文章
記錄成長點(diǎn)滴 分享您我感悟
小程序之間怎么跳轉(zhuǎn)?小程序之間跳轉(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(){} /沈陽小程序設(shè)計(jì)/結(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)?小程序之間跳轉(zhuǎn)方法的詳細(xì)內(nèi)容,更多請關(guān)注沈陽網(wǎng)站建設(shè)其它相關(guān)文章!
小程序跳轉(zhuǎn),方法