【学习笔记】微信小程序页面路由

微信小程序页面跳转按照官方文档可以有很多种方法，比如给button绑定方法，navigator标签直接填写url，还可以在tabbar给一个快捷按钮。

重点说明：

***1. tabbar list只能是2-5个，注意格式，最后一个模块不要加逗号“,”。
2. tabbar不能和页面路由（navigator和bindtap事件）同时设置，同时设置的结果就是，tabbar可以跳转，navigator不能跳转，去掉tabbar的设置，页面路由正常。*

以下是几种方法示意。
button绑定方法

/* "pages/index/index.wxml" */

<button type="primary" plain bindtap="tomypage"> Go to My Page</button>

/* "pages/index/index.js */

tomypage: function() {
    wx.navigateTo({
    url:'../mypage/mypage'
    })
    }

第二种方法是navigator标签，可直接在wxml书写配置

<navigator url="../mypage/mypage"> Go to my Page </navigator>

第三种方法是在tabbar中添加

  "tabBar": {
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "Home"
      },
      {
        "pagePath": "pages/mypage/mypage",
        "text": "logs"
      }
    ]
  }