小程序页面跳转的实现及实例

　　小程序页面跳转包括五种形式，保留当前页面，跳转到另一页面；关闭当前页面，返回上一级页面；关闭所有页面，跳转到另一页面，跳转到 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步上线。通过拖拽、拼接模块布局小程序商城页面，所看即所得，只需要美工就能做出精美商城。