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

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

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

　　實例：

　　pageSkip :function(){

　　wx.navigateTo({

　　url: '/page/admin/business',

　　})

　　},

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

　　實例：

　　pageSkip :function(){

　　wx.navigateBack({

　　url: '/page/admin/shops',

　　})

　　},

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

　　實例：

　　pageSkip :function(){

　　wx.redirectTo({

　　url: '/page/index',

　　})

　　},

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

　　實例：

　　pageSkip :function(){

　　wx.reLaunch({

　　url: '/page/login',

　　})

　　},

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

　　實例：

　　pageSkip :function(){

　　wx.switchTab({

　　url: '/page/shops/homepage',

　　})

　　},

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

　　實例：

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

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