uni-app 中页面跳转
时间: 2024-01-25 18:12:24 浏览: 105
uni-app开发商城类小程序
5星 · 资源好评率100%
在uni-app中,可以使用uni.navigateTo、uni.redirectTo和uni.reLaunch等方法进行页面跳转。
1. 使用uni.navigateTo进行页面跳转:
```javascript
uni.navigateTo({
url: '/pages/index/index?pid=1'
});
```
这将跳转到应用内的某个页面,并保留当前页面。
2. 使用uni.redirectTo进行页面跳转:
```javascript
uni.redirectTo({
url: '/pages/index/index?pid=1'
});
```
这将关闭当前页面,并跳转到应用内的某个页面。
3. 使用uni.reLaunch进行页面跳转:
```javascript
uni.reLaunch({
url: '/pages/index/index?pid=1'
});
```
这将关闭所有页面,并跳转到应用内的某个页面。
需要注意的是,跳转路径需要在pages.json文件中注册,并且目标页面必须是vue页面。如果需要打开web URL,可以使用plus.runtime.openURL或web-view组件(App平台),或者使用window.open(H5平台),或者使用web-view组件(小程序平台)。
阅读全文