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