提问 发文

大屏使用技巧——如何实现数据分发

易知微创新技术团队

| 2024-09-03 10:54 174 0 0

当多个组件需共用同一数据源时,为了减少重复请求,需要进行数据分发。那如何实现接一次数据就能让多个组件映射同一数据源中的不同数据字段呢?


一、实现思路

目标组件的静态数据中添加标记字段,数据过滤器内通过 data 参数获取到对应标记,随后根据需求进行逻辑处理。


二、操作流程

接入数据(本教程在数据容器中模拟数据)。

图片

在数据容器中添加过滤器,将接口数据格式化,方便后续不同的组件“读取”数据。

图片

数据容器在交互中发出回调字段,发出“信号”用于组件接收。

图片

提前在【标题组件】静态数据里根据数据类型添加筛选字段。

图片

标题组件接收userData回调,根据静态数据的key筛选userData回调的数据,根据key的筛选,做到一个过滤器,多个组件通用,实现数据分发。

图片

另一个标题组件同理。

图片

如需获得该教程demo,可关注公众号【易知微产品帮助中心】发送消息“数据分发”获取~

收藏 0
分享
分享方式
微信

评论

游客

全部 0条评论

135

文章

1.08K

人气

0

粉丝

0

关注

官方媒体

轻松设计高效搭建,减少3倍设计改稿与开发运维工作量

开始免费试用 预约演示

扫一扫关注公众号 扫一扫联系客服

©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号

互联网信息服务业务 合字B2-20220090

400-8505-905 复制
免费试用
微信社区
易知微-数据可视化
微信扫一扫入群