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');
},
相关推荐
耶啵奶膘4 小时前
uniapp+vue2全局监听退出小程序清除缓存
小程序·uni-app
我开心就好o11 小时前
uniapp点左上角返回键, 重复来回跳转的问题 解决方案
前端·javascript·uni-app
Random_index11 小时前
#Uniapp篇:支持纯血鸿蒙&发布&适配&UIUI
uni-app·harmonyos
初遇你时动了情19 小时前
uniapp 城市选择插件
开发语言·javascript·uni-app
小小黑00721 小时前
uniapp+vue3+ts H5端使用Quill富文本插件以及解决上传图片反显的问题
uni-app·vue
草字21 小时前
uniapp input限制输入负数,以及保留小数点两位.
java·前端·uni-app
前端小胡兔1 天前
uniapp rpx兼容平板
uni-app
荔枝吖1 天前
uniapp实现开发遇到过的问题(持续更新中....)
uni-app
艾小逗1 天前
uniapp将图片url转换成base64支持app和h5
uni-app·base64·imagetobase64
halo14161 天前
uni-app 界面TabBar中间大图标设置的两种方法
开发语言·javascript·uni-app