線上服務(wù)咨詢(xún)
Article/文章
記錄成長(zhǎng)點(diǎn)滴 分享您我感悟
您當(dāng)前位置>首頁(yè) > 知識(shí) > 軟件開(kāi)發(fā)
小程序之間怎么跳轉(zhuǎn)?小程序之間跳轉(zhuǎn)方法
發(fā)表時(shí)間:2019-05-20 08:49:55
文章來(lái)源:沈陽(yáng)網(wǎng)站建設(shè)
標(biāo)簽:小程序跳轉(zhuǎn) 方法
瀏覽次數(shù):0
小程序頁(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(){} /沈陽(yáng)小程序設(shè)計(jì)/結(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)的。
以上就是小程序之間怎么跳轉(zhuǎn)?小程序之間跳轉(zhuǎn)方法的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注沈陽(yáng)網(wǎng)站建設(shè)其它相關(guān)文章!
小程序跳轉(zhuǎn),方法