微信小程序之页面路由


微信小程序之页面路由

文章插图
 
小程序页面路由共有5个api,使用这些页面路由首先你要到在小程序的主配置文件 App.json 里面配置你页面的路径,这些页面你可以放到pages目录下,也可以定义到pages目录下子目录的文件夹,例如pages/index/index 。
{"pages": ["pages/logs/index","pages/index/index","pages/user/index","pages/my/index"]}1.Tab 切换 wx.switchTab(Object object)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,这个api只能跳转到底部导航设置的几个页面,它是不能跳转到其他单独页面的 。
微信小程序之页面路由

文章插图
小程序底部tab
代码示例
(调用 API wx.switchTab 或使用组件 <navigator open-type="switchTab"/> 或用户切换 Tab)
首先底部导航的设置路径是到app.json里面设置
{"tabBar":{"list":[{"pagePath":"page/tabBar/index/index",//路径设置"text":"首页"},{"pagePath":"page/cart/cart","text":"购物车"},{"pagePath":"page/tabBar/userCenter/userCenter","text":"我的"}]} 【微信小程序之页面路由】wx.switchTab({url:'/index'}) ;//跳转到指定URL地址


    推荐阅读