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

相关推荐
aiwery3 分钟前
大模型场景下的推送技术选型:轮询 vs WebSocket vs SSE
前端·agent
会豪4 分钟前
前端插件-不固定高度的DIV如何增加transition
前端
却尘5 分钟前
Server Actions 深度剖析(2):缓存管理与重新验证,如何用一行代码干掉整个客户端状态层
前端·客户端·next.js
小菜全5 分钟前
Vue 3 + TypeScript 事件触发与数据绑定方法
前端·javascript·vue.js
Hilaku8 分钟前
面试官开始问我AI了,前端的危机真的来了吗?
前端·javascript·面试
zheshiyangyang19 分钟前
TypeScript学习【一】
javascript·学习·typescript
2501_9160137443 分钟前
HTTPS 抓包难点分析,从端口到工具的实战应对
网络协议·http·ios·小程序·https·uni-app·iphone
shellvon1 小时前
前端攻防:揭秘 Chrome DevTools 与反调试的博弈
前端·逆向
β添砖java1 小时前
案例二:登高千古第一绝句
前端·javascript·css
却尘1 小时前
Server Actions 深度剖析:这就是个披着 React 外衣的 RPC
前端·rpc·next.js