Dropdown 下拉菜单

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

基础用法

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

下拉菜单

• 黄金糕
• 狮子头
• 螺蛳粉
• 双皮奶
• 蚵仔煎

显示代码

触发对象

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

• 黄金糕
• 狮子头
• 螺蛳粉
• 双皮奶
• 蚵仔煎

• 黄金糕
• 狮子头
• 螺蛳粉
• 双皮奶
• 蚵仔煎

显示代码

触发方式

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

hover 激活

下拉菜单

• 黄金糕
• 狮子头
• 螺蛳粉
• 双皮奶
• 蚵仔煎

click 激活

下拉菜单

• 黄金糕
• 狮子头
• 螺蛳粉
• 双皮奶
• 蚵仔煎

显示代码

菜单隐藏方式

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

下拉菜单

• 黄金糕
• 狮子头
• 螺蛳粉
• 双皮奶
• 蚵仔煎

显示代码

指令事件

点击菜单项后会触发事件，用户可以通过相应的菜单项 key 进行不同的操作

下拉菜单

• 黄金糕
• 狮子头
• 螺蛳粉
• 双皮奶
• 蚵仔煎

显示代码

不同尺寸

Dropdown 组件提供除了默认值以外的三种尺寸，可以在不同场景下选择合适的尺寸。

• 黄金糕
• 狮子头
• 螺蛳粉
• 双皮奶
• 蚵仔煎

• 黄金糕
• 狮子头
• 螺蛳粉
• 双皮奶
• 蚵仔煎

• 黄金糕
• 狮子头
• 螺蛳粉
• 双皮奶
• 蚵仔煎

• 黄金糕
• 狮子头
• 螺蛳粉
• 双皮奶
• 蚵仔煎

显示代码

Dropdown Attributes

Dropdown Slots

Dropdown Events

Dropdown Menu Item Attributes