uni-app实现返回刷新上一页

方案一

通过监听器实现

page1

javascript 复制代码
uni.$on("refresh", function(data) {
	if(data.page === "page2") {
		this.reload()
	}
})

page2

javascript 复制代码
methods: {
	handleBack() {
		uni.$emit("refresh", {
			page: "page2"
		})
		uni.navigateBack()
	}
}

方案二

通过页面实例实现

page1

javascript 复制代码
methods: {
	reload() {
	}
}

page2

javascript 复制代码
methods: {
	handleBack() {
		uni.navigateBack({
			success() {
				const pages = getCurrentPages()
				const prevPage = pages[pages.length - 2]
				prevPage.reload()
			}
		})
	}
}

参考

https://uniapp.dcloud.net.cn/api/window/communication.html
https://uniapp.dcloud.net.cn/api/window/window.html

相关推荐
小白64022 分钟前
前端梳理体系从常问问题去完善-基础篇(html,css,js,ts)
前端·css·html
怪可爱的地球人12 分钟前
vue3小白入门
前端
掘金安东尼17 分钟前
bun install:安装过程的幕后揭秘
前端·github·bun
Dontla24 分钟前
流行的前端架构与后端架构介绍(Architecture)
前端·架构
muchan9233 分钟前
为什么“它”在业务逻辑上是最简单的?
前端·后端·面试
我是日安34 分钟前
从零到一打造 Vue3 响应式系统 Day 6 - 响应式核心:链表实装应用
前端·vue.js
艾小码35 分钟前
Vue模板进阶:这些隐藏技巧让你的开发效率翻倍!
前端·javascript·vue.js
浩浩kids37 分钟前
Web-birthday
前端
艾小码37 分钟前
还在手动加载全部组件?这招让Vue应用性能飙升200%!
前端·javascript·vue.js
方始终_38 分钟前
做一个图表MCP Server,分分钟的事儿?
前端·agent·mcp