【uniapp学习】返回上一级页面并携带参数

最新推荐文章于 2024-07-03 11:28:10 发布

Zh.冠军

最新推荐文章于 2024-07-03 11:28:10 发布

阅读量87

点赞数

分类专栏： vue 文章标签： uni-app 学习 javascript

本文链接：https://blog.csdn.net/weixin_38673922/article/details/129142604

版权

vue 专栏收录该内容

52 篇文章 2 订阅

订阅专栏

uni.navigateBack（）返回上一级并传参，上一级页面onShow()函数中接参

	<template>
		<view></view>
	</template>
	 
	<script>
		export default {
			data() {
				return {
					
				}
			},
			onShow() {
				let that = this
				uni.$on('returnData',function(data){
					console.log('监听到事件来自返回的参数：' + data);
				})
			},
			methods: {
				
			}
		}
	</script>
	 
	<style>
	 
	</style>

	<template>
		<view>
			<button @click="goBack">点击返回上一页</button>
		</view>
	</template>
	 
	<script>
		export default {
			data() {
				return {
					index:1,//返回上一页要穿的参数
				}
			},
			methods: {
				goBack() {
					uni.$emit('returnData', this.index)
					uni.navigateBack({
						delta: 1
					})
				}
			}
		}
	</script>
	 
	<style>
	 
	</style>