uni.$on,uni.$emit页面通讯,组件通讯

uni.$on,uni.$emit页面通讯,组件通讯

1,页面一

// 场景:点击事件跳转页面

// 
<template>
	<view class="content">
		
		<button type="primary" @tap='sumbit'>点击</button>
		<view class="">
			{{str}}
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				str:''
			}
		},
		onShow(){
			//接收数据
			//uni.$once第一次触发后移除, 和uni.$on都是接收数据的
			uni.$once('getData', res => {
				this.str = res.sortNum;
			})
		},
		onLoad() {

		},
		methods: {
			sumbit(){
				uni.navigateTo({
					url:"/pages/index/home"
				})
			}
		}
	}
</script>


2,页面二

//场景:在这个页面做一些操作,返回上一页,把数据传回去

// 
<template>
	<view class="content">
		
		<button type="warn" @tap="edit">修改</button>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		
		methods: {
			edit(){
				//发送数据
				uni.$emit('getData', {
					sortNum:'需要的数据1234567890'
				});
				uni.navigateBack({
					delta: 1
				});
			}
		}
	}
</script>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值