小程序页面之间的跳转方式有很多种,我们下面就来分析一下每种跳转方式的不同已经优缺点。
需求:从 index.wxml 页面,跳转到 aaa.wxml 页面
方法一:WXML页面实现
<navigator url = "/pages/aaa/aaa">跳转到新页面</navigator>
<navigator url = "/pages/aaa/aaa" open-type = "redirect">跳转到新页面</navigator>
<navigator url = "/pages/aaa/aaa" open-type = "switchTab">跳转到新页面</navigator>
方法二:js页面实现
保留当前页面,跳转到应用内的某个页面
wx.navigateTo({
url:"/pages/aaa/aaa"
})
关闭当前页面,跳转到应用内的某个页面
wx.redirectTo({
url:"/pages/aaa/aaa"
})
跳转至指定页面并关闭其他打开的所有页面(这个最好用在返回至首页的的时候)
wx.reLaunch({
url:'/pages/index/index'
})
返回上一页面或多级页面
wx.navigateBack({ //返回上一页面或多级页面
delta:1
})
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
wx.switchTab({
url:'pages/home/index/index'
})
切换到首页tabbar,必须使用。
以上便是小程序页面跳转的方法,请大家参考