doc.md 2.7 KB

Dropdown 下拉菜单

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


基础用法

移动到下拉菜单上,展开更多操作。通过组件slot来设置下拉触发的元素以及需要通过具名slot为dropdown 来设置下拉菜单。

禁用状态

可以设置 disabled 属性来实现禁用状态。作用于m-dropdown,表示禁用整个下拉菜单;作用于m-dropdown-item,表示禁用单个项。

触发对象

可以配置 click 激活或者 hover 激活。将 trigger 属性设置为 click 即可, 默认为 hover。

图标类型

通过设置 icon 属性展示图标

头像类型

通过插槽 #Img 设置头像类型的下拉菜单


Dropdown Attributes

参数 说明 类型 可选值 默认值
trigger 触发下拉的行为 string hover, click hover
title 下拉菜单标题 string
disabled 是否禁用 boolean false


Dropdown Slots

Name 说明
img 设置头像类型的插槽
dropdown 下拉列表,通常是 <el-dropdown-menu> 组件


Dropdown Events

事件名称 说明 回调参数
change 下拉菜单选择事件


Dropdown Menu Item Attributes

参数 说明 类型 可选值 默认值
disabled 禁用 boolean false
divided 显示分割线 boolean false
icon 图标类名 string