switchTab、navigateTo、redirectTo如何应用
前言:
这一篇要记录分享的是小程序中关于页面跳转的三个方法switchTab、navigateTo、redirectTo分别有什么作用,如何更好地应用这三个方法便于开发;
内容:
作用
- redirectTo:关闭当前页,跳转到指定页;
- navigateTo:保留当前页,跳转到指定页;
- switchTap:只能用于跳转到tabbar页面,并关闭其他非tabbar页面;
应用
1、页面跳转至tabbar页面,只能跳转tab页面
wx.switchTab({
url: '/pages/my/login/login'
});
2、跳转不带tab的页面还是用redirectTo或者navigateTo
redirectTo与navigateTo区别
- redirectTo保留当前页、navigateTo关闭当前页
- redirectTo页面默认首页按钮、navigateTo带返回按钮
默认首页按钮跳转示例
// 查看更多快讯
goNewsMore: function () {
wx.redirectTo({
url: '/pages/main/main/newsmore/newsmore',
})
},
小程序默认是首页按钮,如果我们想要实现带返回按钮的效果,这个时候就一定要用navigateTo方法跳转页面,跳转示例
// 查看更多快讯
goNewsMore: function () {
wx.navigateTo({
url: '/pages/main/main/newsmore/newsmore',
})
},