FormIo 实现数据联动与动态数据
引言
- 文档目的 用户在使用表单时，可能存在数据联动和动态获取数据的需求。
功能或技巧概述
- 功能或技巧简介
- 适用场景
- 用户在表单中需要动态获取数据
- 用户在表单中需要数据联动
实现步骤
1. 获取动态数据
在表单设计界面选择下拉选择组件，在组件配置界面选择数据tab，设置 data source type 为url然后在data source url 中填入对应的数据来源地址
2. 数据联动
formIo 表单中的数据都存储在一个名为data的对象中并且这个data对象在整个表单页面都是可以访问的，在其他组件中可以通过data对象获取所需的数据。
下面的示例展示通过获取某个组件的值，作为另一个组件的动态获取数据时的参数
在上面的案例中有一个组件的表单字段id为
tenant,在另一个组件中动态获取数据时使用了tenant参数,而这个tenant的值则是通过{{data.tenant}}动态获取的