微信小程序跳转到另一个页面
时间: 2023-09-23 12:02:37 浏览: 118
要在微信小程序中跳转到另一个页面,可以使用小程序提供的 `wx.navigateTo` 或 `wx.redirectTo` 方法。
使用 `wx.navigateTo` 方法可以打开一个新页面,该页面可以通过返回按钮返回到之前的页面。例如:
```javascript
wx.navigateTo({
url: '/pages/other-page/other-page'
})
```
使用 `wx.redirectTo` 方法也可以打开一个新页面,但是该页面不能通过返回按钮返回到之前的页面。例如:
```javascript
wx.redirectTo({
url: '/pages/other-page/other-page'
})
```
需要注意的是,在小程序中跳转到其他页面时,需要在 `app.json` 文件中配置对应的路由。例如:
```json
{
"pages": [
"pages/index/index",
"pages/other-page/other-page"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "Demo",
"navigationBarTextStyle": "black"
},
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页"
},
{
"pagePath": "pages/other-page/other-page",
"text": "其他页面"
}
]
}
}
```
在上述例子中,`pages/index/index` 和 `pages/other-page/other-page` 分别对应小程序中的两个页面,可以在 `tabBar` 中配置底部导航栏的显示,也可以在代码中使用 `wx.switchTab` 方法跳转到其中一个页面。