小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。
引言
无论是小程序内部的快捷跳转,还是从外部进入小程序都离不开路由的使用。
今天就来谈谈小程序的路由跳转小知识
I、 小程序路由跳转
<button bindtap='skipToTabPage'>跳转到Tab页</button>
<button bindtap='skipToNotTabPage'>跳转到非Tab页</button>
跳转到Tab页,使用switchTab,不能传参
1.1 wx的用法
Page({
// 跳转到Tab页,使用switchTab,不能传参
skipToTabPage() {
wx.switchTab({
url: '/pages/listen/listen'
})
},
// 跳转到非Tab页,使用navigateTo,可以传参
// 在另一个页面中,使用 onLoad 生命周期来接收参数
skipToNotTabPage() {
wx.navigateTo({
url: '/pages/user/user?id=123&name=abc'
})
}
})
1.2 uni的用法
// 跳一级界面
uni.switchTab({
url: 'pages/search/search'
})
// 跳二级界面
uni.navigateTo({
url: 'pages/category/categ_lisst.html?catepos=23'
})
II 路径的获取
2.1 获取小程序路径
默认首页路径:pages/index/index
获取途径: 编辑公众号文章的时候,可以指定特定微信进行获取
文章详情页:
pages/data/data.html?id=61关于页面:
pages/about/about.html小程序分类:
pages/category/categ_lisst.html?catepos=23小程序文章:
pages/data/data.html?id=142搜索页面:
pages/search/search.html分类模块:
pages/category/category首页:
pages/index/index
2.2 获取小程序码
利用小程序后台的生成小程序码工具获取小程序码,可指定跳转路径,可用于公众号文章,小程序内
see also
跳转到 tabBar 页面的更多内容请查看官方文档