fes.js/docs/docs/ui/dropdown.md
2020-11-02 09:51:40 +08:00

5.8 KiB
Raw Blame History

pageClass
comp-page-class

Dropdown 下拉菜单

向下弹出的列表。

概述

当页面上的操作命令过多时,用此组件可以收纳操作元素。点击或移入触点,会出现一个下拉菜单。可在列表中进行选择,并执行相应的命令。

代码示例

Hover

在data中提供下拉菜单数据内容数据格式见API

Hover

传入的菜单里有多个层级。

Click

下拉菜单默认是悬浮触发当设置trigger为click时级联菜单点击触发

Hover

分割线和不可用菜单项。

Hover

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

API

Dropdown Props

属性 说明 类型 默认值
trigger 下拉菜单及级联菜单的触发方式,可选值有hoverclick String hover
data 菜单数据源 Array -
data.content 下拉菜单项数据源 String -
data.divided 该菜单项是否禁用 Boolean false
data.disabled 该菜单项是否显示分割线 boolean false

Dropdown Events

事件名 说明 返回值
on-choose 点击菜单项时触发的事件 (item, event)