微信小程序页面跳转案例
时间: 2023-12-21 08:32:14 浏览: 90
以下是微信小程序页面跳转的四种方式的案例:
1. `wx.navigateTo(OBJECT)`:打开新页面,保留当前页面,可以返回到原页面。
```javascript
// 在当前页面的js文件中
wx.navigateTo({
url: '/pages/page2/page2' // 跳转到page2页面
})
```
2. `wx.redirectTo(OBJECT)`:关闭当前页面,打开新页面,无法返回到原页面。
```javascript
// 在当前页面的js文件中
wx.redirectTo({
url: '/pages/page2/page2' // 跳转到page2页面
})
```
3. `wx.switchTab(OBJECT)`:关闭所有页面,打开指定的tabBar页面。
```javascript
// 在当前页面的js文件中
wx.switchTab({
url: '/pages/tabBarPage/tabBarPage' // 跳转到tabBarPage页面
})
```
4. `wx.navigateBack(OBJECT)`:关闭当前页面,返回上一页面或多级页面。
```javascript
// 在当前页面的js文件中
wx.navigateBack({
delta: 1 // 返回上一页面
})
```
阅读全文