uniapp使用uni.navigateBack返回页面时携带参数到上个页面

我们平时开发中也经常遇到这种场景,跳转一个页面会进行一些操作,操作完成后再返回上个页面同时要携带着一些参数

其实也很简单,也来记录一下吧

假设从A页面 跳转到 B页面

A页面

直接上完整代码了哈,很简单:

复制代码
<template>
	<view class="content">
		<button @click="gotoDemo()">跳转</button>
	</view>
</template>
<script>
	export default {
		onLoad() {
			// 跟vue的兄弟传值一个意思
			uni.$on('face-msg', this.faceMsg)
		},
		onUnload() {
			uni.$off('face-msg')
		},
		methods: {
			// 接收参数
			faceMsg(data) {
				console.log(data, '接受的参数-->>')
			},
			// 页面跳转
			gotoDemo() {
				uni.navigateTo({
					url: '/pages/demo/index'
				})
			}
		}
	}
</script>

B页面

复制代码
<template>
	<view class="content">
		<button @click="back()">返回上一页</button>
	</view>
</template>
<script>
	export default {
		methods: { 
			back() {
				// 返回上个页面携带的书
				const faceData = {
					name: 'wft',
					age: 18
				}
				uni.navigateBack({
					url: '/pages/index/index?type=face',
					success() {
						uni.$emit('face-msg', faceData)
					}
				})
			}
		}
	}
</script>
相关推荐
zhangxingchao10 分钟前
Jetpack Compose 之 Modifier(中)
前端
JarvanMo10 分钟前
理解 Flutter 中 GoRouter 的context.push与context.go
前端
pe7er16 分钟前
使用 Vue 官方脚手架创建项目时遇到 Node 18 报错问题的排查与解决
前端·javascript·vue.js
星始流年19 分钟前
前端视角下认识AI Agent
前端·agent·ai编程
pe7er23 分钟前
使用 types / typings 实现全局 TypeScript 类型定义,无需 import/export
前端·javascript·vue.js
CH_Qing24 分钟前
【udev】关于/dev 设备节点的生成 &udev
linux·前端·网络
小诸葛的博客28 分钟前
gin如何返回html
前端·html·gin
islandzzzz35 分钟前
(第二篇)HMTL+CSS+JS-新手小白循序渐进案例入门
前端·javascript·css·html
喝拿铁写前端37 分钟前
前端实战优化:在中后台系统中用语义化映射替代 if-else,告别魔法数字的心智负担
前端·javascript·架构
超人不会飛1 小时前
就着HTTP聊聊SSE的前世今生
前端·javascript·http