微信小程序EventChannel

微信小程序官方文档只有函数名,没案例,网上搜索了一下几乎都是一样的,也看不太懂,下面是我的测试

在这里插入图片描述

index.js

Page({
	data: {
	},
	onLoad() {

	},
	view_detail(e) {
		wx.navigateTo({
			url: `/pages/index/detail`,
			events: {
				// 打开页面回传操作
				back: function (data) {
					console.log('回传数据:', data);
				}
			}, 
			success: function (res) {
				// 通过eventChannel向被打开页面传送数据
				res.eventChannel.emit('lalala', {
					data: '传给你'
				})
			}
		});
	},
});

detail.js


Page({
	data: {
		
	},
	onLoad(options) {
		let eventChannel = this.getOpenerEventChannel();
		// 监听aishang事件,获取上一页面通过eventChannel传送到当前页面的数据
		eventChannel.on('lalala', function (data) {
			console.log('上页传来的参数:', data);
		})
	},
	add_back: function () {
		let eventChannel = this.getOpenerEventChannel();
		eventChannel.emit('back', {
			data: '接收到了'
		})
	}
});

index.wxml

<view>
  <button bindtap="view_detail" type="primary">打开页面</button>
</view>

detail.wxml

<view>
  <button type="primary" bindtap="add_back">反馈一下</button>
</view>
  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值