mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-05 03:05:07 +08:00
5.8 KiB
5.8 KiB
pageClass |
---|
comp-page-class |
Dropdown 下拉菜单
向下弹出的列表。
概述
当页面上的操作命令过多时,用此组件可以收纳操作元素。点击或移入触点,会出现一个下拉菜单。可在列表中进行选择,并执行相应的命令。
代码示例
Hover在data中提供下拉菜单数据内容,数据格式见API
Hover传入的菜单里有多个层级。
Click下拉菜单默认是悬浮触发,当设置trigger为click时级联菜单点击触发
Hover分割线和不可用菜单项。
Hover点击菜单项后会触发事件,用户可以通过相应的菜单项 key 进行不同的操作。
API
Dropdown Props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
trigger | 下拉菜单及级联菜单的触发方式,可选值有hover 、click |
String | hover |
data | 菜单数据源 | Array | - |
data.content | 下拉菜单项数据源 | String | - |
data.divided | 该菜单项是否禁用 | Boolean | false |
data.disabled | 该菜单项是否显示分割线 | boolean | false |
Dropdown Events
事件名 | 说明 | 返回值 |
---|---|---|
on-choose | 点击菜单项时触发的事件 | (item, event) |