• Dropdown 下拉菜单
    • 基础用法
    • 触发对象
    • 触发方式
    • 菜单隐藏方式
    • 指令事件
    • Dropdown Attributes
    • Dropdown Events
    • Dropdown Menu Item Attributes

    Dropdown 下拉菜单

    将动作或菜单折叠到下拉菜单中。

    基础用法

    移动到下拉菜单上，展开更多操作。

    Dropdown 下拉菜单 - 图1

    触发对象

    可使用按钮触发下拉菜单。

    Dropdown 下拉菜单 - 图2

    触发方式

    可以配置 click 激活或者 hover 激活。

    Dropdown 下拉菜单 - 图3

    菜单隐藏方式

    可以hideOnClick属性来配置。

    Dropdown 下拉菜单 - 图4

    指令事件

    点击菜单项后会触发事件，用户可以通过相应的菜单项 key 进行不同的操作

    Dropdown 下拉菜单 - 图5

    Dropdown Attributes

    参数说明类型可选值默认值
    type菜单按钮类型，同 Button 组件(只在splitButton为 true 的情况下有效)string——
    size菜单按钮尺寸，同 Button 组件(只在splitButton为 true 的情况下有效)string——
    splitButton下拉触发元素呈现为按钮组boolean—false
    menuAlign菜单水平对齐方向stringstart, endend
    trigger触发下拉的行为stringhover, clickhover
    hideOnClick是否在点击菜单项后隐藏菜单boolean—true

    Dropdown Events

    事件名称说明回调参数
    onClicksplitButton 为 true 时，点击左侧按钮的回调—
    onCommand点击菜单项触发的事件回调Dropdown.Item 的指令
    onVisibleChange下拉框出现/隐藏时触发出现则为 true，隐藏则为 false

    Dropdown Menu Item Attributes

    参数说明类型可选值默认值
    command指令string——
    disabled禁用boolean—false
    divided显示分割线boolean—false