小程序跳转页面的3种方式总结

您所在的位置:网站首页 网页如何跳转到小程序上面 小程序跳转页面的3种方式总结

小程序跳转页面的3种方式总结

#小程序跳转页面的3种方式总结| 来源: 网络整理| 查看: 265

一、跳转到 tabBar 页面

wx.switchTab()方法用来跳转至tabBar页面,并关闭其他所有非 tabBar 页面,示例代码如下:

代码语言:javascript复制wx.switchTab({ url: '/index' })

二、跳转到其他页面(非tabBar页)

小程序中跳转至其他页面有三种方法,这三种方法分别是是wx.redirectTo()、wx.navigateTo()以及wx.reLaunch(),他们的区别是redirectTo方法会关闭当前页面,navigateTo方法并不会关闭当前页面,而reLaunch方法会关闭所有页面。需要注意的是,这两种方法都不可以跳转至tabBar页面。方法示例如下:

//redirectTo方法

代码语言:javascript复制wx.redirectTo({ url: '/page'//页面路径 })

//navigateTo方法

代码语言:javascript复制wx.navigateTo({ url: '/page'//页面路径 })

//reLaunch方法

代码语言:javascript复制wx.reLaunch({ url: '/page'//页面路径 })

三、返回上一页面或返回多级页面

wx.navigateBack()方法用来返回上一页面或多级页面,并关闭当前页面。示例代码如下:

//navigateBack方法

代码语言:javascript复制wx.navigateBack({ delta: 2 //返回的页面数,1为返回上一页,如果delta大于现有页面数,则返回到首页。 })


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3