1、数据主动传的情况,PageA向PageB传递
Page A : 在success方法中获取到res参数,这是目标页面的返回对象, res.eventChannel就是目标Page的eventChannel,这时调用emit方法可以触发目标页面中的event事件完成数据的传递
Taro.navigateTo({
url: '/pages/my/index',
success(res: any) {
res.eventChannel.emit('onPrePageSendMessage', '上一个页面的数据');
}
})
Page B:需要在Page B的componentDidMount(onLoad)方法中监听Page A的事件event,也是要先获取到eventChannel对象,调on方法来监听,第二个参数就是回调函数,在里面就可以获取到Page A传过来的数据了
useEffect(() => {
let pages = Taro.getCurrentPages();
let eventChannel = pages[pages.length - 1].getOpenerEventChannel();
eventChannel.on('onPrePageSendMessage', (params: string) => {
setVal(params);
})
}, [])
2、数据回传的情况
Page A:业务情况,Page A有一些数据需要跳转到Page B填写,Page B填写完成后返回到Page A,这时可以在Page B中调用到Page A的方法,相当于从Page B传数据给Page A
Taro.navigateTo({
url: '/pages/my/index',
events: {
indexPageEvent1(data: string) {
setVal(data);
}
}
})
Page B:首先先获取到这个page的eventChannel对象,调用page对象的getOpenerEventChannel方法获取eventChannel对象
let pages = Taro.getCurrentPages();
let eventChannel = pages[pages.length - 1].getOpenerEventChannel();
// 通过eventChannel对象的emit方法可以触发上一个页面创建的event
eventChannel.emit('indexPageEvent1', 'Page B传回给你的数据');
网友评论
0条评论发表

- 盘盘龙龙
- 搞笑
- 大白猫手绘
- 本地上传





































































点击或拖拽图片到此区域即可上传
仅限.jpg,.jpeg,.png,.gif
最新评论
推荐文章
-
春城的五月 蓝紫色的浪漫(八):宝海公园里的梦幻紫
2022年5月13日摄于昆明市宝海公园
合集 铜钟 3414阅读 1天前
-
绿色食品体验官招募体验:梦之草生态永生花的自然之美
没想到那么快,今天下午就收到了彩龙社区绿色食品体验官招募活动梦之草公司寄来的礼盒,打开礼盒,一束玫红色的梦之草生态永生花...
毛哥 8108阅读 2天前
-
获奖公示 | 美爆朋友圈的蓝花楹,寻找昆明蓝紫色限定浪漫征集活动
精彩作品展示一等奖春城花已开·只待你来(视频)作者:梓萱▼▼▼▼二等奖春城夏日-紫色浪漫之都(组图)作者:...
彩龙社区 9662阅读 5天前
-
赏花攻略|这11处蓝花楹打卡胜地,总有一处令你心动
拥有昆明最美蓝花楹的教场中路迎来了赏花小高峰5月8日下午的教场中路紫色花海如梦如幻200余棵蓝花楹 树树繁花绵延成了一条...
涯夏 10016阅读 5天前
-
航拍:云南昆明海口镇——螳螂川源头川字闸!
“跟着边凡看世界” 海口镇位于西山区南端,螳螂川畔,因是滇池西南的出水口而得名,东临滇池、南接晋...
边凡 4487阅读 6天前
-
昆明无处不飞花
东风5A 5882阅读 6天前
最新文章

彩龙
Copyright © 2008-2022 彩龙社区 版权所有 All Rights Reserved.
免责声明: 本网不承担任何由内容提供商提供的信息所引起的争议和法律责任。
经营许可证编号:滇B2-20090009-7
网友评论
0条评论发表