uni-app 之返回并刷新
AI-摘要
切换
Qi GPT
AI初始化中...
介绍自己
生成本文简介
推荐相关文章
前往主页
前往tianli博客
前言
在uniapp中,经常会有返回上一页的情况,官方提供有 uni.navigateBack()
这个api来实现效果,但是此方法返回到上一页之后页面并不会更新(刷新),onshow也不太行。
期望的效果:
例如有这样一个场景:从地址列表页点击添加按钮进入添加地址页面,添加完地址之后点击确认后再次跳入地址列表页并要更新地址列表。
最终方法:使用以下代码替换原来的uni.navigateTo方法(跳转至列表页代码),实现返回到上一个页面并调用上一个页面的某个方法,以此来实现刷新页面
核心代码
let pages = getCurrentPages(); // 当前页面
let beforePage = pages[pages.length - 2]; //上一个页面
uni.navigateBack({
success: function() {
beforePage.$vm.getlist();
}
})
利用获取页面栈
getCurrentPages()
方法, 在使用uni.navigateBack()返回成功后调用pbeforepage.$vn.需刷新方法
即可完成返回并刷新。
- 感谢你赐予我前进的力量
赞赏者名单
因为你们的支持让我意识到写文章的价值🙏
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 云深不知处
评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果