小程序页面跳转实例(小程序页面跳转代码)

  • 时间:
  • 来源: 网络

小程序页面跳转包括五种形式,保留当前页面,跳转到另一页面;关闭当前页面,返回上一级页面;关闭所有页面,跳转到另一页面,跳转到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内页面跳转:

实例:

微商好助手小程序工具提供多类型商城/门店小程序制作,可视化编辑1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。

更多小程序开发案例,尽在:

价值1980元火爆的0基础小程序制作开发赚钱训练营免费看