微信小程序-navigator页面跳转

纯方便自己看

2种跳转方法：

一：（函数）

模块中有点击事件,bindtap或者catchtap这种，在本页面的js里设置函数

XXXXX: function () {
    wx.navigateTo({
      url: "../logs/logs",
      success: function () {
             console.log('跳转到news页面成功')// success              
      },
     fail: function () {
          console.log('跳转到news页面失败')   fail 
       }
    })
  },

 

二：

直接加入

 

url那后还可以加入数据....?a="b"&c="d"，这些数据传入到另一个页面，然后通过参数.XXX可以读取

注意：如果app的配置文件中的tabBar里有pagePath指向目标页面，navigator就不能正常运行，所以要删掉tabBar的内容，我记得有一个可以跳转tabBar的函数，找一下文档，那一个可以直接用

 

还有app.json的page要设置好所有页面的路径

 

 

 

redirecTo用法也相同，这个的区别就页面覆盖，就是没得返回

 

总的来说三种页面切换方式1.wx.navigator是开启一个新页面，那个页面是隐藏了,原页面是onHide,所以是可以返回的，但是返回之后，跳转的页面就unload了     2.wx.redirecTo是当前页面替换成新的页面，所以返回不去onunload(页面被卸载)    3.tabBar无论跳哪个页面都是onHide