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