【数字孪生实战案例】怎样点击命名后的项目组件,就能自动跳转至对应网页链接?~山海鲸可视化

在数据可视化项目搭建中,常需通过点击页面内项目名称组件实现页面跳转,快速关联至对应项目详情链接。本文将讲解如何配置组件交互规则,完成点击项目名称自动跳转指定链接的实操设置,助力优化页面浏览体验与数据联动效率。

1.在左侧组件库中添加**"基础单行文本"**组件至项目中。

接着选中单行文本,在右侧**"样式"** 配置栏中,修改**"文本"**内容。

2.选中基础单行文本组件,在右侧添加**"交互"** ,触发**"点击"** 事件并执行**"打开链接"**动作,填入需要打开的链接即可。

展示效果如下:

相关推荐
weixin_5051544612 小时前
打破传统界限:Bowell Studio引领3D作业指导新纪元
人工智能·3d·制造·数据安全·数字孪生·数据可视化
王霸天21 小时前
🚨 还在用 rem) 做大屏适配?用 vfit.js 一键搞定,告别改稿8版的噩梦!
前端·vue.js·数据可视化
图扑可视化1 天前
油气集输 WebGIS 数字孪生管控大屏
运维·gis·数字孪生·油气运输·油气集输
Highcharts.js1 天前
经验值|React 实时数据图表性能为什么会越来越卡?
前端·javascript·react.js·数据可视化·实时数据
ezreal_pan1 天前
飞书多维表格技巧:用“查找引用”实现明细表自动汇总到汇总表
飞书·零代码·无代码·多维表格
易知微EasyV数据可视化2 天前
数字孪生+AI:某国家级技术科研机构:耦合仿真评估部件性能,长期运维监测承压状态
人工智能·经验分享·物联网·数字孪生·空间智能
杨超越luckly2 天前
HTML应用指南:利用GET请求获取中国生活垃圾焚烧发电厂位置信息
python·arcgis·html·数据可视化·生活垃圾焚烧发电厂
棋鬼王3 天前
Cesium(十) 动态修改白模颜色、白模渐变色、白模光圈特效、白模动态扫描光效、白模着色器
前端·javascript·vue.js·智慧城市·数字孪生·cesium
易知微EasyV数据可视化3 天前
数字孪生+AI:牧场全产业链监管中心:整合改造产业结构,数智建设科技牧场
人工智能·经验分享·数字孪生·空间智能