下拉菜单

概念说明

提供弹出式的下拉菜单可供选择。

属性

组件通用属性请参见组件通用说明。

下拉菜单

• 菜单展开方向：选择点击下拉菜单后弹出框展开方向，支持上、下两个方向。
• 是否显示遮罩层：控制点击下拉菜单后遮罩层显示开关，开启后点击下拉菜单展开时自动显示遮罩。
• 是否点击遮罩层后关闭菜单：控制遮罩层点击关闭菜单功能，开启后点击遮罩自动收起下拉菜单。

菜单项

• 菜单项值：所选择的菜单子项的值。
• 标题：菜单项显示的文本内容。
• 禁用：置灰显示，且禁止任何交互（焦点、点击、选择、输入等）。
• 是否通过点击菜单子项关闭：开启后点击菜单子项，自动收起下拉菜单。

菜单子项

• 箭头：控制箭头显示开关。

  

• 箭头方向：控制箭头展示方向，支持左、上、下、右四个方向。

• 垂直居中：控制菜单子项是否在垂直方向上的居中位置。

• 左侧文本：菜单子项左侧文本内容。

• 值：菜单子项的值，选择该菜单子项后，该值会赋给菜单项值。

• 图标：支持从图标库选择图标或上传自定义图标。

• 链接类型：支持页面跳转、下载链接。

• 链接：链接的详细地址。

• 打开方式：可选新窗口、父级窗口、当前窗口和顶级窗口，其中父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。

事件

• 下拉菜单组件不支持自定义事件。
• 菜单项组件支持点击选项导致 value 变化时触发、 打开菜单栏时触发、 关闭菜单栏时触发共三个事件类型。
• 菜单子项组件支持点击事件。

样式

样式说明请参见组件通用说明。

示例图片