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>
相关推荐
gogoing1 分钟前
ESLint 配置字段说明
前端·javascript
gogoing12 分钟前
CSS 属性值计算过程(Computed Value)
前端·css
gogoing13 分钟前
webpack 的性能优化
前端·javascript
桃花键神17 分钟前
Bright Data Web Scraping指南 2026: 使用 MCP + Dify 自动采集海外社交媒体数据
大数据·前端·人工智能
gogoing20 分钟前
await fetch() 的两阶段设计
前端·javascript
gogoing26 分钟前
前端首屏加载优化
前端·javascript
gogoing30 分钟前
重排与重绘
前端·javascript
打小就很皮...36 分钟前
基于Python + LangChain + 通义千问的聊天机器人实战
前端·langchain·机器人·千问
REDcker1 小时前
个人博客网站建设指南 Markdown资产化与静态站选型部署
前端·后端·博客·markdown·网站·资产·建站
zhangfeng11331 小时前
小龙虾 wordbuddy 安装浏览器控制器 agent-browser npm install -g agent-browse
前端·人工智能·npm·node.js