uniapp switchTab页面跳转传递参数
时间: 2023-12-10 22:02:19 浏览: 211
在uniapp中,可以使用uni.switchTab()方法进行tab页面跳转。但是,该方法并不支持传递参数。不过,我们可以通过其他方式来实现传递参数的效果。以下是两种实现方式:
1.使用uni.setStorageSync()方法将参数存储到本地缓存中,然后在跳转到目标页面后,再使用uni.getStorageSync()方法获取参数。具体实现代码如下:
```javascript
// 在当前页面设置参数
uni.setStorageSync('key', 'value');
// 跳转到目标页面
uni.switchTab({
url: '/pages/community/community', success: function () {
// 在目标页面获取参数
var value = uni.getStorageSync('key');
console.log(value); // 输出:value
}
});
```
2.使用uni.navigateTo()方法进行页面跳转,并将参数通过url传递。具体实现代码如下:
```javascript
// 在当前页面跳转到目标页面,并传递参数
uni.navigateTo({
url: '/pages/community/community?key=value'
});
// 在目标页面获取参数
console.log(this.$route.query.key); // 输出:value
```
需要注意的是,第二种方式需要在目标页面中使用uni.onLoad()方法来获取参数。具体实现代码如下:
```javascript
onLoad: function (options) {
console.log(options.key); // 输出:value
}
```
阅读全文