【學習筆記】微信小程序頁面路由

微信小程序頁面跳轉按照官方文檔可以有很多種方法，比如給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"
      }
    ]
  }