Dropdown 下拉菜单
向下弹出的列表,用于承载更多的操作或选项。
基础用法
通过 items 定义菜单项,支持悬停和点击触发。
触发方式
支持 hover 和 click 两种触发方式。
带图标和分割线
菜单项可设置 icon、danger、disabled、divider。
弹出位置
通过 placement 设置弹出方向。
Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
items | DropdownItem[] | — | 菜单项数据(必填) |
trigger | 'hover' | 'click' | 'hover' | 触发方式 |
placement | 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end' | 'bottom-start' | 弹出位置 |
Events
| 事件名 | 类型 | 说明 |
|---|---|---|
select | (key: string | number | undefined, item: DropdownItem) => void | 点击菜单项时触发 |
Slots
| 插槽名 | 说明 |
|---|---|
trigger | 触发元素 |