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>
相关推荐
风骏时光牛马6 分钟前
AI提示词工程:高效构建精准指令的方法论
前端
葡萄城技术团队15 分钟前
一个好的 BI Dashboard 到底应该怎么设计?
前端
晴天162 小时前
前端 postMessage 使用场景
前端·javascript·网络
zhanghaha13143 小时前
HTML系列教程:15_标签 全称 + 简写 超详细讲解(新手专用)
前端·html
zhanghaha13143 小时前
HTML系列教程:14_HTML 表单与输入框 <form>、<input> 零基础详解
java·前端·javascript
IMPYLH3 小时前
HTML 的 <samp> 元素
前端·网络·html
IMPYLH3 小时前
HTML 的 <script> 元素
前端·html
weixin_493503678 小时前
Vue3 前端生成 PDF:会员证书与活动签到表的三种打印方案与踩坑记录
前端·pdf·状态模式
尾善爱看海11 小时前
前端算法与手写题集
前端·算法
徐小夕11 小时前
JitWord 4.0 万字分享:从协同工具到AI Word操作系统,聊聊3年产品创业史
前端·vue.js·后端