交互管理
交互管理用于配置组件之间的交互行为,实现丰富的交互效果。
交互概述
交互是指用户操作组件时触发的各种行为和效果。
交互类型
点击交互
当用户点击组件时触发的交互。
常见操作
- 跳转链接:跳转到指定的页面或URL
- 显示/隐藏组件:控制其他组件的显示状态
- 更新状态:更新应用的状态数据
- 触发动画:触发动画效果
- 执行脚本:执行自定义脚本代码
悬停交互
当鼠标悬停在组件上时触发的交互。
常见操作
- 显示提示信息:显示工具提示
- 改变样式:改变组件的样式
- 显示详情:显示详细信息面板
数据交互
当组件绑定的数据发生变化时触发的交互。
常见操作
- 更新其他组件:根据数据变化更新其他组件
- 触发告警:当数据超过阈值时触发告警
- 执行计算:根据数据变化执行计算
交互配置
配置交互事件
- 选中要配置的组件
- 在属性面板中找到"交互"选项
- 选择要配置的事件类型
- 配置交互的具体操作
条件交互
可以为交互设置触发条件,只有满足条件时才执行交互。
交互链
可以将多个交互串联起来,形成交互链,实现复杂的交互流程。
交互示例
示例1:按钮点击切换显示
配置按钮的点击事件,控制另一个组件的显示和隐藏。
示例2:数据变化触发告警
配置数据组件的值变化事件,当数据超过阈值时显示告警信息。
示例3:点击跳转页面
配置组件的点击事件,跳转到指定的页面或打开链接。