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

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

页面跳转：

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

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

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