微信小程序之路由跳转

发布时间：2019-01-31 23:43:59 修改时间：2019-01-31 23:43:59 阅读：5747 评论：0 0

大体分为两种跳转方法：函数跳转和标签跳转

一：函数跳转（相当于js的location.href方法）

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

XXXXX: function () {

wx.navigateTo({

url: "../logs/logs",

})

  },

函数分为几种跳转函数（用法相同。同上）

redirecTo、navigator、onunload、switchTab、navigateBack（返回）


跳转链接分为页面跳转和tabBar跳转：

页面跳转

1、其中navigator（可带参）、redirecTo（不可带参，不能返回）、

2、onunload（关闭所有页面，打开到应用内的某个页面）

tabBar跳转

1、switchTab（不可带参）




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




二：wxml页面标签跳转（相当于a标签）

<navigator url="/page/navigate/navigate"跳转到新页面</navigator>


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







---

注意：如果app的配置文件中的tabBar里有pagePath指向目标页面，

navigator就不能正常运行，

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

---