小程序页面跳转实例(小程序页面跳转代码)
- 时间:
- 来源: 网络
小程序页面跳转包括五种形式,保留当前页面,跳转到另一页面;关闭当前页面,返回上一级页面;关闭所有页面,跳转到另一页面,跳转到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基础小程序制作开发赚钱训练营免费看