uniapp 页面跳转但是未更新
时间: 2023-08-12 22:05:25 浏览: 267
uniapp日常总结-uniapp页面跳转方式
在uniapp中,页面跳转后未更新的问题可能是由于页面缓存导致的。默认情况下,uniapp会对页面进行缓存,以提高页面的加载速度。因此,当从页面A跳转到页面B并携带参数后,再从页面B返回页面A时,页面A并不会重新加载,而是直接显示之前的缓存内容。
要解决这个问题,可以在页面B的生命周期函数中使用`onShow`来监听页面显示的事件,并在该事件中重新获取数据。这样,当从页面C返回页面B时,页面B会重新加载并获取最新的数据。
示例代码如下:
```javascript
// 页面B的代码
export default {
data() {
return {
id: '' // 假设id是需要传递的参数
}
},
onShow() {
// 在页面显示时重新获取数据
this.getData();
},
methods: {
getData() {
// 根据id请求数据的逻辑
}
}
}
```
通过在页面B的`onShow`生命周期函数中重新获取数据,可以确保每次从页面C返回页面B时,页面B都会重新加载并获取最新的数据。这样就能解决页面跳转后未更新的问题。
#### 引用[.reference_title]
- *1* *2* [uniapp 页面跳转方法](https://blog.csdn.net/weixin_46167462/article/details/130624717)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [uniapp页面跳转不刷新问题](https://blog.csdn.net/weixin_51411364/article/details/129788886)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文