Dropdown 下拉菜单

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

基础用法

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

触发对象

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

触发方式

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

菜单隐藏方式

可以 hide-on-click 属性来配置。

指令事件

点击菜单项后会触发 command 事件。

按钮式下拉菜单

分割按钮样式。

Dropdown API

Dropdown Attributes

属性名	说明	类型	默认值
type	菜单按钮类型，同 Button 组件(只在split-button为 true 的情况下有效)	string	default
size	菜单尺寸，在split-button为 true 的情况下也对触发按钮生效	string	default
split-button	下拉触发元素呈现为按钮组	boolean	false
placement	菜单弹出位置	string	bottom
trigger	触发下拉的行为	string	hover
hide-on-click	是否在点击菜单项后隐藏菜单	boolean	true

Dropdown Slots

插槽名	说明
default	触发下拉列表显示的元素。 注意： 必须是一个元素或者或者组件
dropdown	下拉列表，通常是 <fyo-dropdown-menu> 组件

Dropdown Events

事件名	说明	回调参数
click	split-button 为 true 时，点击左侧按钮的回调	(event: MouseEvent)
command	点击菜单项触发的事件回调	(command: string
visible-change	下拉框出现/隐藏时触发	(visible: boolean)

Dropdown Menu Item Attributes

属性名	说明	类型	默认值
command	指令	string / number / object	-
disabled	禁用	boolean	false
divided	显示分割线	boolean	false
icon	图标组件	string / Component	-