从今天开始,我打算开展微信小程序这一栏目,希望大家一起学习,一起进步!
页面跳转:
今天在做小程序的时候发现返回功能没反应,如下图所示:
对应的.wxml和.js如下:
<text bindtap='returnToHome'>返回</text>
returnToHome: function() {
wx.navigateTo({
url: '../home/home',
})
},
查看官网文档,才发现wx.navigateTo(Object object)不能跳转到tabbar页面,而我返回的就是已经写在tabbar下面的pages/home/home,所以返回失败。
我们可以选择以下办法解决:
推荐使用navigateBack
//使用reLaunch
returnToHome: function () {
wx.reLaunch({ url: "../home/home" })
},
//使用wx.navigateBack(Object object)返回前一面,不过要注意小程序页面栈最多十层
wx.navigateBack({
delta: 1 //规定返回的页数
});
}
此外,wx.redirectTo(Object object)也不允许跳转到tabbar,而wx.switchTab(Object object)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
学习小程序还是推荐大家多看看官网文档~~