uni-app 小程序跳转页面等待数据加载
时间: 2023-11-26 19:06:39 浏览: 261
页面加载出现等待
为了在页面跳转时等待数据加载,可以使用uni-app提供的页面传参功能。具体步骤如下:
1.在跳转前页面的方法中,使用uni.navigateTo()方法跳转到目标页面,并将需要传递的参数作为第二个参数传入,例如:
```javascript
uni.navigateTo({
url: '/pages/target/target?id=' + this.id,
success: function(res) {
console.log('跳转成功');
}
});
```
2.在目标页面的onLoad()生命周期函数中,使用this.\$options.params获取传递的参数,例如:
```javascript
onLoad() {
console.log(this.$options.params.id);
}
```
3.在目标页面中使用获取到的参数进行数据加载,例如:
```javascript
onLoad() {
this.getData(this.$options.params.id);
},
methods: {
getData(id) {
uni.request({
url: 'http://localhost:8082/api/getData?id=' + id,
success: (res) => {
console.log(res);
}
});
}
}
```
阅读全文