Dropdown 下拉菜单 | Fighting Design

On this page

永远不知道下拉菜单里有什么

基本使用

默认插槽可插入触发器，content 插槽插入展示的内容

开启

禁用状态

开启

参数	说明	类型	可选值	默认值
`spacing`	触发器和内容直接的间距	string / number	——	——
`trigger`	触发方式	TriggerTrigger	`click` `hover`	hover
`disabled`	是否禁用	boolean	——	false
`width`	自定义宽度	string / number	——	——
`arrow`	是否带有箭头	boolean	——	false
`enter-duration`	弹出动画持续时间	number	——	——
`leave-duration`	关闭动画持续时间	number	——	——
`on-change`	弹窗状态改变时触发的回调	HandleChange	——	——
`on-open`	弹窗状态打开时触发的回调	HandleChange	——	——
`on-close`	弹窗状态关闭时触发的回调	HandleChange	——	——

DropdownItem Attributes

参数	说明	类型	可选值	默认值
`disabled`	是否禁用	boolean	——	false
`on-click`	点击之后的回调函数	HandleMouse	——	——

Slots

名称	说明
`default`	触发器内容
`content`	下拉菜单内容

Interface

组件导出以下类型定义：

ts

import type {
  DropdownInstance,
  DropdownProps,
  DropdownItemInstance,
  DropdownItemProps
} from 'fighting-design'

Contributors