# Dropdown 下拉菜单
# 代码演示
# API
# Dropdown Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 | Version |
---|---|---|---|---|---|
icon-trigger | 触发对象为 icon | Boolean | — | — | |
split-button | * 同 icon-trigger | Boolean | — | — | v2.0.0 |
disabled | 禁用下拉菜单 | Boolean | — | — | v1.6.5 |
placement | 出现位置 | String | 'top' | 'right' | 'bottom' | 'left' 及各方向的修饰符(-start, -end) | 'bottom-start' | |
popper-class | 为 popper 添加类名 | String | — | — | |
popper-width | 下拉框的宽度,支持 auto 属性,popper 自由展开 | String | — | — | v2.3.1 |
size | 触发对象为 icon 时,更改按钮组的大小 | String | 'large' | 'medium' | 'small' | 'mini' | 'medium' | |
trigger | 触发方式 | String | 'click' | 'hover' | 'contextmenu'(v2.0.6 支持) | 'hover' | |
close-delay | 气泡关闭延迟(单位 ms) | Number | — | 200 | v2.0.0 |
open-delay | 气泡打开延迟(单位 ms) | Number | — | 0 | v2.0.0 |
type | 仅在分离按钮时生效, 用于设置按钮类型 | String | 同 button 的 type 原生属性 | 'primary' | v2.0.0 |
visible-arrow | 是否显示 popover 的箭头 | Boolean | — | false | v2.0.0 |
# Dropdown-Menu-Item Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 | Version |
---|---|---|---|---|---|
divided | 分割线(为 true 时, 在该选项之上产生分割线) | Boolean | — | — | |
disabled | 选项禁用 | Boolean | — | — | |
command | 指令 | string/number/object | — | V2.2.8 |
# Slot
参数 | 说明 | Version |
---|---|---|
— | 触发对象 DOM |
# Dropdown Events
事件名称 | 说明 | 回调参数 | Version |
---|---|---|---|
button-click | 触发对象为 icon 时, icon 之前的 button 被点击时触发 | — | |
toggle | 下拉框显示与隐藏时触发 | true 显示, false 隐藏 |
# Dropdown-Menu Events
事件名称 | 说明 | 回调参数 | Version |
---|---|---|---|
item-click | 选项被点击时触发 | event、dropdown-item 的指令 |