小程序頁(yè)面跳轉(zhuǎn)的實(shí)現(xiàn)及實(shí)例

　　小程序頁(yè)面跳轉(zhuǎn)包括五種形式，保留當(dāng)前頁(yè)面，跳轉(zhuǎn)到另一頁(yè)面；關(guān)閉當(dāng)前頁(yè)面，返回上一級(jí)頁(yè)面；關(guān)閉所有頁(yè)面，跳轉(zhuǎn)到另一頁(yè)面，跳轉(zhuǎn)到 tabBar 頁(yè)面等五種形式，下面分別為大家一一介紹如何實(shí)現(xiàn)。

　　1.保留當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)另一個(gè)頁(yè)面：wx.navigateTo({ url: '頁(yè)面路徑', })

　　實(shí)例：

　　pageSkip :function(){

　　wx.navigateTo({

　　url: '/page/admin/business',

　　})

　　},

　　2.關(guān)閉當(dāng)前頁(yè)面，返回到上一級(jí)或多級(jí)頁(yè)面：wx.navigateBack({ url: '頁(yè)面路徑', })

　　實(shí)例：

　　pageSkip :function(){

　　wx.navigateBack({

　　url: '/page/admin/shops',

　　})

　　},

　　3.關(guān)閉當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)某個(gè)頁(yè)面：wx.redirectTo({ url: '頁(yè)面路徑', })

　　實(shí)例：

　　pageSkip :function(){

　　wx.redirectTo({

　　url: '/page/index',

　　})

　　},

　　4.關(guān)閉所有頁(yè)面，打開應(yīng)用內(nèi)某個(gè)頁(yè)面：wx.reLaunch({ url: '頁(yè)面路徑', })

　　實(shí)例：

　　pageSkip :function(){

　　wx.reLaunch({

　　url: '/page/login',

　　})

　　},

　　5.跳轉(zhuǎn)到 tabBar 頁(yè)面，并關(guān)閉其他所有非 tabBar 頁(yè)面：wx.switchTab({ url: '頁(yè)面路徑', })

　　實(shí)例：

　　pageSkip :function(){

　　wx.switchTab({

　　url: '/page/shops/homepage',

　　})

　　},

　　附：wxml內(nèi)頁(yè)面跳轉(zhuǎn)：<navigator url="頁(yè)面路徑" open-type="navigate"></navigator>

　　實(shí)例：

　　 <navigator url="/pages/admin/goodsOrder" open-type="navigate">

HiShop小程序工具提供多類型商城/門店小程序制作，可視化編輯 1秒生成5步上線。通過(guò)拖拽、拼接模塊布局小程序商城頁(yè)面，所看即所得，只需要美工就能做出精美商城。