今日写微信小程序demo时,想写一个跳转回首页的功能,本以为是一个简单的wx.navigateTo,但是一直无法跳转,于是去找了度娘。来给大家分享一下微信小程序跳转的四个方法。
navigateTo
,redirectTo
只能打开非 tabBar 页面。switchTab
只能打开 tabBar 页面。reLaunch
可以打开任意页面。
当你需要跳转的页面定义在app.json文件中,例如
"tabBar": {
"color": "#8a8a8a",
"selectedColor": "#FF9C35",
"borderStyle": "black",
"list": [
{
"selectedIconPath": "images/home_s.png",
"iconPath": "images/home.png",
"pagePath": "pages/index/index",
"text": "首页"
},
{
"selectedIconPath": "images/order_s.png",
"iconPath": "images/order.png",
"pagePath": "pages/order/list/list",
"text": "订单"
},
{
"selectedIconPath": "images/mine_s.png",
"iconPath": "images/mine.png",
"pagePath": "pages/mine/mine",
"text": "我的"
}
]
},
这些页面直接使用navigateTo
, redirectTo
是无法跳转的,需要使用switchTab
或者reLaunch
。所以平时还是要多看一下官方文档,了解基础知识。