uniapp 页面跳转
时间: 2023-09-18 19:06:03 浏览: 131
页面跳转
在 UniApp 中,可以使用以下方式进行页面跳转:
1. 使用 `uni.navigateTo` 方法进行普通页面跳转,该方法会保留当前页面,可以通过返回按钮返回上一个页面。
```javascript
uni.navigateTo({
url: '/pages/other-page/other-page'
});
```
2. 使用 `uni.redirectTo` 方法进行重定向页面跳转,该方法会关闭当前页面,并打开新的页面。
```javascript
uni.redirectTo({
url: '/pages/other-page/other-page'
});
```
3. 使用 `uni.switchTab` 方法进行 Tab 切换页面跳转,该方法只能用于跳转到带有 TabBar 的页面。
```javascript
uni.switchTab({
url: '/pages/tab-page/tab-page'
});
```
4. 使用 `uni.reLaunch` 方法进行页面重启跳转,该方法关闭所有页面,并打开新的页面。
```javascript
uni.reLaunch({
url: '/pages/other-page/other-page'
});
```
这些方法可以在组件中的点击事件或其他触发的地方调用,通过指定 `url` 参数来指定跳转的目标页面。注意,`url` 参数是相对于项目根目录的相对路径。
阅读全文