TUIDropdown 下拉菜单
向下弹出的列表，用于展示更多操作选项。
悬停显示
选项 1
选项 2
选项 3
点击显示
选项 1
选项 2
选项 3
顶部
顶部选项
底部左侧
底部左侧选项
底部右侧
底部右侧选项
点击后隐藏
选项 1（点击后隐藏）
选项 2（点击后隐藏）
点击后保持
选项 1（点击后保持）
选项 2（点击后保持）
禁用下拉菜单
禁用选项
正常下拉菜单
正常选项
禁用选项
正常选项 2
限制高度
选项 {{ i }}
事件下拉菜单
事件选项 1
事件选项 2
事件选项 3
API
Dropdown Props
trigger
触发方式
enum
'hover'
placement
弹出位置
enum
'bottom'
disabled
是否禁用
boolean
false
hideOnClick
点击菜单项后是否隐藏
boolean
true
maxHeight
下拉菜单最大高度
string | number
-
teleported
是否插入至 body
boolean
false
DropdownItem Props
command
点击菜单项触发的命令
string | number | object
-
disabled
是否禁用
boolean
false
divided
是否显示分割线
boolean
false
Events
command
点击菜单项时触发
(command: string | number | object)
visible-change
下拉菜单显示/隐藏时触发
(visible: boolean)