uniapp uni.navigateBack返回后刷新页面数据

方法1: 父页面设置钩子函数(onBackPress):

页面简介 | uni-app官网

适用于刷新多处数据

javascript 复制代码
onBackPress(options) {
    this.refreshData();
},
methods:{
    refreshData: function() {
        //加载数据
    },
},

方法2:

返回加success回调

javascript 复制代码
uni.navigateBack({
    delta: 1, //返回层数,2则上上页
    success() {
        uni.$emit('update',{msg:'页面更新'})
    },
})

需要刷新的页面设置:

javascript 复制代码
mounted() {
	uni.$on('update', function(data) {
		//触发更新后
	})
},
//为了优化代码,可以加上移除事件,避免重复监听事件
onUnload() {
	// 移除监听事件  
	uni.$off('update');
},
相关推荐
bug总结17 小时前
uniapp vue3全局方法注册使用
前端·javascript·uni-app
大佐不会说日语~18 小时前
Android 16 下 uni-app APP 提示“网络连接失败”的排障与修复
android·uni-app
2501_9151063220 小时前
苹果App Store上架费用及流程全面解析
android·ios·小程序·https·uni-app·iphone·webview
白远山1 天前
家政服务派单平台搭建实战指南:从需求分析到系统设计全流程解析
java·开发语言·架构·uni-app·需求分析
宸翰1 天前
解决uni-app 中 SVG 图片在 iOS 端显示模糊问题
前端·uni-app
走到天涯海角1 天前
uniApp蓝牙在手机上测试
智能手机·uni-app
bug总结2 天前
uniapp的easycom自动组件注册机制
uni-app
HF_code2 天前
uniapp-history路由深度指南
uni-app
suliqiang2 天前
【前端技术】 Web 前端技术36年 演进全景图
信息可视化·微信小程序·小程序·前端框架·uni-app·人机交互·xcode
梦曦i3 天前
uni-router v0.2.0重磅发布:全链路拦截+重复导航优化
前端·uni-app