跳到主要内容

下拉菜单

向下弹出的菜单列表组件，用于条件筛选或选项选择。

何时使用​

  • 页面顶部条件筛选。
  • 多个筛选项组合使用。
  • 筛选后用于刷新数据或联动其他组件。

一、属性​

1. 数据源​

可通过手动添加或绑定方式配置选项内容，详见 数据绑定。

配置示意：

数据源配置

2. 数据​

配置下拉项的名称与对应值。

数据配置界面

属性描述
选项名称用户界面中显示的文本内容
选项值与选项名称对应的实际值，用于前后端交互
数据绑定支持绑定父组件或外部数据源
初始值设置默认选中的下拉项

3. 功能​

下拉菜单支持多项功能配置：

功能配置

1）展示蒙层​

  • 开启后：点击下拉菜单后，非菜单区域出现遮罩，点击遮罩自动关闭菜单。

示意图：

展示蒙层示意1 展示蒙层示意2

2）自定义内容区​

支持自定义下拉框展示的内容，可用于非标准列表场景，如嵌入表单、卡片或其他组件。

示意图：

自定义内容示意

3）增加默认项​

可以添加一个默认显示的自定义项，用于提示、清除或全选等场景。

配置示意：

增加默认项配置 默认项效果

4. 状态​

组件无特殊状态，详见 通用状态。

二、样式​

无特殊样式配置，详见 通用样式。

三、常见使用场景​

1. 用户筛选内容​

常用于筛选器区域，选择条件后自动刷新数据，如下图所示：

筛选器示例1 筛选器示例2