微信小程序跳坑(一)页面跳转

  从今天开始，我打算开展微信小程序这一栏目，希望大家一起学习，一起进步！

页面跳转：

  今天在做小程序的时候发现返回功能没反应，如下图所示：

对应的.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 页面。

学习小程序还是推荐大家多看看官网文档~~