Skip to content

交互管理

交互管理用于配置组件之间的交互行为,实现丰富的交互效果。

交互概述

交互是指用户操作组件时触发的各种行为和效果。

交互类型

点击交互

当用户点击组件时触发的交互。

常见操作

  • 跳转链接:跳转到指定的页面或URL
  • 显示/隐藏组件:控制其他组件的显示状态
  • 更新状态:更新应用的状态数据
  • 触发动画:触发动画效果
  • 执行脚本:执行自定义脚本代码

悬停交互

当鼠标悬停在组件上时触发的交互。

常见操作

  • 显示提示信息:显示工具提示
  • 改变样式:改变组件的样式
  • 显示详情:显示详细信息面板

数据交互

当组件绑定的数据发生变化时触发的交互。

常见操作

  • 更新其他组件:根据数据变化更新其他组件
  • 触发告警:当数据超过阈值时触发告警
  • 执行计算:根据数据变化执行计算

交互配置

配置交互事件

  1. 选中要配置的组件
  2. 在属性面板中找到"交互"选项
  3. 选择要配置的事件类型
  4. 配置交互的具体操作

条件交互

可以为交互设置触发条件,只有满足条件时才执行交互。

交互链

可以将多个交互串联起来,形成交互链,实现复杂的交互流程。

交互示例

示例1:按钮点击切换显示

配置按钮的点击事件,控制另一个组件的显示和隐藏。

示例2:数据变化触发告警

配置数据组件的值变化事件,当数据超过阈值时显示告警信息。

示例3:点击跳转页面

配置组件的点击事件,跳转到指定的页面或打开链接。