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>
相关推荐
csj504 小时前
前端基础之《React(4)—webpack简介-编译打包优化》
前端·react
万少4 小时前
Trae AI 编辑器6大使用规则
前端·javascript·人工智能
一路向前的月光4 小时前
uniapp(2)自定义tabbar
uni-app
好玩的Matlab(NCEPU)4 小时前
如何编写 Chrome 插件(Chrome Extension)
前端·chrome
Yan-英杰4 小时前
Deepseek大模型结合Chrome搜索爬取2025AI投资趋势数据
前端·chrome
Crystal3285 小时前
app里video层级最高导致全屏视频上的操作的东西显示不出来的问题
前端·vue.js
weixin_445476685 小时前
Vue+redis全局添加水印解决方案
前端·vue.js·redis
lecepin5 小时前
AI Coding 资讯 2025-10-29
前端·后端·面试
余道各努力,千里自同风5 小时前
小程序中获取元素节点
前端·小程序
PineappleCoder5 小时前
大模型也栽跟头的 Promise 题!来挑战一下?
前端·面试·promise