跳到主要内容

数据绑定

用于配置组件的数据来源,支持多种绑定方式,适用于静态与动态数据场景。


一、绑定方式

1. 接口绑定

(1)API

选择系统中设计好的逻辑文件作为数据来源,适用于调用自定义接口。

API绑定

(2)外部 API

可手动配置外部 API 的地址、请求参数、返回类型等,也可导入数据文件(如 Swagger 生成的 JSON)生成接口。

外部API配置

Swagger导入

(3)静态数据源

手动输入静态 JSON 数据,适用于不变的列表、选项等场景。注意格式必须为合法 JSON,否则可能导致解析失败。

静态数据源


2. 数据绑定

绑定父组件传递下来的数据,适用于容器组件(如卡片)中绑定内部组件的数据字段。

例如:卡片组件绑定数据源后,其内部的文本组件可绑定该数据源字段。

数据绑定1

数据绑定2


3. 组件绑定

绑定页面中其他组件的数据集。适用于需要引用其他组件数据作为数据来源的场景。

组件绑定


4. 模型绑定

此部分暂无内容说明,如需补充请提供相关内容。


5. 动作回调数据

此类数据在事件配置中使用,需配合接口请求。接口返回后,动作的结果数据将作为可选绑定来源。

适用于接口回调后动态更新组件数据。

动作回调数据


6. 视图参数

视图参数是在跳转页面时传递的参数。打开页面后通常不再变化。可在页面大纲树中的“视图”节点中定义。

如图,定义名为 param1 的参数后,在支持数据绑定的组件中可直接引用。

视图参数定义

视图参数绑定


7. 手动赋值

用于输入不变的固定值,如页面标题等常量内容。适用于无需动态变更的数据绑定场景。

手动赋值