小程序頁面跳轉(zhuǎn)的實(shí)現(xiàn)及實(shí)例
小程序頁面跳轉(zhuǎn)包括五種形式,保留當(dāng)前頁面,跳轉(zhuǎn)到另一頁面;關(guān)閉當(dāng)前頁面,返回上一級頁面;關(guān)閉所有頁面,跳轉(zhuǎn)到另一頁面,跳轉(zhuǎn)到 tabBar 頁面等五種形式,下面分別為大家一一介紹如何實(shí)現(xiàn)。
1.保留當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)另一個(gè)頁面:wx.navigateTo({ url: '頁面路徑', })
實(shí)例:
pageSkip :function(){
wx.navigateTo({
url: '/page/admin/business',
})
},
2.關(guān)閉當(dāng)前頁面,返回到上一級或多級頁面:wx.navigateBack({ url: '頁面路徑', })
實(shí)例:
pageSkip :function(){
wx.navigateBack({
url: '/page/admin/shops',
})
},
3.關(guān)閉當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)某個(gè)頁面:wx.redirectTo({ url: '頁面路徑', })
實(shí)例:
pageSkip :function(){
wx.redirectTo({
url: '/page/index',
})
},
4.關(guān)閉所有頁面,打開應(yīng)用內(nèi)某個(gè)頁面:wx.reLaunch({ url: '頁面路徑', })
實(shí)例:
pageSkip :function(){
wx.reLaunch({
url: '/page/login',
})
},
5.跳轉(zhuǎn)到 tabBar 頁面,并關(guān)閉其他所有非 tabBar 頁面:wx.switchTab({ url: '頁面路徑', })
實(shí)例:
pageSkip :function(){
wx.switchTab({
url: '/page/shops/homepage',
})
},
附:wxml內(nèi)頁面跳轉(zhuǎn):<navigator url="頁面路徑" open-type="navigate"></navigator>
實(shí)例:
<navigator url="/pages/admin/goodsOrder" open-type="navigate">
HiShop小程序工具提供多類型商城/門店小程序制作,可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面,所看即所得,只需要美工就能做出精美商城。