Skip to content

隐藏条件

1. 功能简介

隐藏条件是一种动态表单交互机制,其核心功能是根据特定条件动态控制字段的显示/隐藏状态。当用户操作或数据状态满足预设条件时,系统自动隐藏或显示对应字段,从而简化表单界面、减少用户认知负担,同时确保仅收集必要信息。

2. 应用场景

  1. 条件触发显示:例如,用户选择“其他”选项时,显示补充说明字段;
  2. 条件触发隐藏:例如,用户选择“无过敏史”时,隐藏过敏原详细描述字段。

3. 设置入口

隐藏条件.gif

对于以下字段,选中字段后,均在「组件配置 >> 高级配置」处设置「隐藏条件」:

隐藏条件.png

点击隐藏条件之后,打开必填条件设置弹窗;

隐藏条件设置.png

隐藏条件设置2.png

当满足条件的时候可以将本字段设置为隐藏/显示。

4. 支持字段

支持设置「数据联动」的字段包括:输入框、多行输入框、密码输入框、提及、分段控制器、数字输入框、单选框、多选框、选择器、开关、评分、时间、时间区间、滑块、日期、日期区间、颜色选择器、级联选择器、上传、穿梭框、树形控件、树形选择、省市区选择器、富文本框、唯一值、手写签名、计算公式、子表单选择器、插槽区域、动态区域

5. 应用示例

示例1:

用户注册时,若选择“个人用户”,则隐藏“企业名称”“营业执照号”等字段;若选择“企业用户”,则隐藏“个人身份证号”字段并显示企业相关字段。

示例2:

用户选择“快递配送”时,显示“收货地址”“联系方式”等字段;若选择“门店自提”,则隐藏这些字段并显示“自提门店”选择框。

示例3:

在保险投保表单中,若用户选择“有既往病史”,则显示“病史详情”“治疗情况”等字段;若选择“无”,则隐藏这些字段。