自定义组件开发及数据对接教程

举报
yd_294371732 发表于 2026/04/23 15:05:54 2026/04/23
【摘要】 整体流程:1.新建一个文本组件,调整组件大小用来作为地图的展示区域,点击编辑高级事件2.在渲染之后的编辑器中输入以下代码,点击保存保存即可查看效果代码详解第一部分:模板渲染部分如图所示,将自定义的模板组件渲染到容器内第二部分:请求接口获取数据并重新渲染模板写一个fetch的请求,拿到数据后重新渲染模板完整示例代码

整体流程:
1.新建一个文本组件,调整组件大小用来作为地图的展示区域,点击编辑高级事件

2.在渲染之后的编辑器中输入以下代码,点击保存

  1. 保存即可查看效果

代码详解
第一部分:模板渲染部分
如图所示,将自定义的模板组件渲染到容器内

第二部分:请求接口获取数据并重新渲染模板
写一个fetch的请求,拿到数据后重新渲染模板

完整示例代码

【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。