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

相关推荐
鱼毓屿御3 分钟前
从「只会聊」到「边想边做」的跃迁
前端·学习·react.js
sugar__salt36 分钟前
Vue3 表单双向绑定与响应式核心 API 技术详解
前端·javascript·vue.js
郝亚军1 小时前
使用Vue 3和Nginx打包和部署Vue.js项目的一般步骤
前端·vue.js·nginx
SmartBoyW1 小时前
CSS弹性布局(Flexbox)学习笔记:从零开始搞懂弹性布局
前端·javascript
用户69371750013841 小时前
从代码生产者到 AI 协作者:软件工程师的角色重构
android·前端·后端
嘟嘟07171 小时前
搞懂 useState 从原生 DOM 到 React 惰性初始化的完整链路
前端·react.js·编程语言
牧艺1 小时前
cos-design RippleWater & SmokeFog:水面涟漪与烟雾雾气怎么做
前端·canvas·视觉设计
用户938515635071 小时前
写了这么久 useState,你真的知道它在干什么吗?
前端·javascript
慢功夫1 小时前
💡第七篇:VSCode语言服务中,代码跳转和诊断是怎么做的?
前端·visual studio code
Csvn1 小时前
✨ TypeScript `satisfies` 操作符实战——5 个让代码更「聪明」的生产场景
前端