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

微信小程序页面跳转按照官方文档可以有很多种方法，比如给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" } ] }