微信小程序同一间页面跳转
时间: 2024-07-28 12:00:57 浏览: 77
微信小程序实现点击文字页面跳转功能【附源码下载】
微信小程序在同一页面内跳转通常通过`wx.navigateTo`、`wx.redirectTo`或`wx.switchTab`等API实现。以下是几种常见的情况:
1. **wx.navigateTo**:用于跳转到其他非 tabBar 页面,它会返回原页面并保留历史记录,用户点击右上角的“返回”按钮可以回到之前的页面。
```javascript
wx.navigateTo({
url: 'page2/index',
});
```
2. **wx.redirectTo**:也用于跳转到非 tabBar 页面,但不会保留历史记录,关闭新页面后就无法通过“返回”访问上一页。
```javascript
wx.redirectTo({
url: 'page2/index',
});
```
3. **wx.switchTab**:如果目标是 tabBar 中的某个页面,使用此方法可以在当前 tab 标签页之间切换,不会添加新的页面到历史栈。
```javascript
wx.switchTab({
url: '/pages/tabBar/page2/index',
});
```
4. 对于内部页面间的跳转,还可以使用普通的 JavaScript `window.location.href` 或者 `this.$router.push`(如果使用了路由管理组件如`navigator`)。
在实际操作中,确保页面路径正确,并考虑用户体验和页面间的关联逻辑。
阅读全文