uniapp返回上一页并刷新数据

uniapp中,返回页面时onLoad是不会触发的

如果只需要在特定情况下返回上一页才需要刷新数据

可以使用$emit$no去解决

例如:注册完成后返回到首页并隐藏注册按钮,register.vueindex.vue

register.vue

html 复制代码
<template>
	<view @click="register">立即注册</view>
</template>

<script>
export default {
	methods: {
		register(){
			uni.$emit('register_refresh')
			uni.navigateBack({
				delta: 1
			});
		}
	}
}
</script>

index.vue

html 复制代码
<script>
export default {
	onLoad() {
		// 正常进入页面触发
		this.is_login()
		// 注册完成后返回触发
		uni.$on('register_refresh', () => {
			// 执行需要隐藏的按钮,
			this.is_ever = false
			// 请求用户登陆注册状态
			this.is_login()
		})
	}
}
</script>
相关推荐
ai小鬼头19 分钟前
AIStarter最新版怎么卸载AI项目?一键删除操作指南(附路径设置技巧)
前端·后端·github
一只叫煤球的猫1 小时前
普通程序员,从开发到管理岗,为什么我越升职越痛苦?
前端·后端·全栈
vvilkim1 小时前
Electron 自动更新机制详解:实现无缝应用升级
前端·javascript·electron
vvilkim1 小时前
Electron 应用中的内容安全策略 (CSP) 全面指南
前端·javascript·electron
aha-凯心1 小时前
vben 之 axios 封装
前端·javascript·学习
遗憾随她而去.2 小时前
uniapp 中使用路由导航守卫,进行登录鉴权
前端·uni-app
xjt_09012 小时前
浅析Web存储系统
前端
foxhuli2292 小时前
禁止ifrmare标签上的文件,实现自动下载功能,并且隐藏工具栏
前端
青皮桔3 小时前
CSS实现百分比水柱图
前端·css
影子信息3 小时前
vue 前端动态导入文件 import.meta.glob
前端·javascript·vue.js