动态实现控件的隐藏与显示

1.场景介绍

以"第一个表单"中物料表单为例，讲解如何根据某一字段值去改变另一控件的显示或隐藏。

#2.效果展示

#2.1 当物料名称字段值为口罩时，隐藏“类型”字段，若为其他值则显示“类型”字段

#3.实现思路

当表单数据发生变化时执行设置的规则

#4.操作步骤

#4.1 表单设置

• 当属性值发生变化时

表单设置->规则

if (this.formData.name === '手套') {
  this.Api.setVisible(false, ['materialType']); //隐藏类型组件
} else {
  this.Api.setVisible(true, ['materialType']); //显示类型组件
}

更多请参见EOS Low-Code Platform 8