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

来源:互联网 发布:有关修车的软件 编辑:程序博客网 时间:2024/06/05 17:05

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