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

小程序页面跳转实例(小程序页面跳转代码) 3次播放   00:00

项目经理微信二维码

扫码咨询/索取案例

专注社交新零售系统开发,助力传统企业转型移动互联网!

联系电话:13022089681

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

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

大家都在看

波浪线

发表评论

波浪线

您必须 登录 才能发表评论!

评论 (0)

波浪线
还没有评论,发表第一个评论吧
您好,我是您的专属产品顾问
扫码添加我的微信,免费体验系统
(工作日09:00 - 18:00)
业务咨询
系统演示
行业方案
客户案例

请按ESC键关闭