uniapp实现:返回上一页面并刷新
uniapp实现:返回上一页面并刷新
A页面跳转到B页面,B页面返回到A页面并刷新A页面
A页面的写法:
methods: {
//刷新页面
Refresh() {
//这里写更新数据的方法
},
//跳转到B页面
trigger(){
uni.navigateTo({
url: './B'
});
},
}
B页面的写法:
methods: {
//操作完成返回消息首页
Operation() {
var prevPage = pages[pages.length - 2]; //上一页页面实例
if (typeof(prevPage) == "undefined") {
//没上一页面
return;
}
//把数据返回给上一个页面
prevPage.$vm.Refresh(); //上一页面的刷新方法
setTimeout(()=>
uni.navigateBack({
delta: 1
});
,1000)
},
}
使用此方法必须保证,B页面只能由A页面跳转过来;
原理:通过页面实例调用上一页面的方法,然后返回
此方法还会遇到一个问题:那就是在调用上一页面的刷新方法,会出现调用方法的加载弹窗;需要自己传参关闭;
实际测试:小程序和APP均支持该方法
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?