# 基础用法
使用 EDropdown
组件时,需要配合 slot=popup
来定位下拉框的内容。设置 trigger
属性控制下拉框的触发方式,默认为 hover
触发方式。
# 下拉框配合其它浮层元素使用
可在 slot 中使用其它浮层元素。
# 右键触发
设置 trigger="right-click"
可用右键触发。
# 自定义下拉框样式
设置 popupClass
属性可将样式穿透到 popup 的下拉框上,方便制定下拉框样式。
# 注意点
目标触发元素设置 @click.stop
,禁用事件冒泡后依然可用触发下拉框显示。
# EDropdown
# Props
Name | Description | Type | Required | Default |
---|---|---|---|---|
trigger | 触发事件,click/hover | String | false | hover |
hoverDelay | hover 时展示弹出框的延迟时间 | String / Number | false | 250 |
closeOnClick | 当点击 popup 时自动关闭(popup 内部元素如果不冒泡点击事件则不会关闭) | Boolean | false | - |
popupClass | 浮出框额外指定的 class,因为浮出框是 body 下的,需要一个类方便做样式控制 | — | false | - |
placement | 透传给 EPopup | — | false | - |
offset | 透传给 EPopup | — | false | - |
showArrow | 透传给 EPopup | — | false | - |
# Events
Event Name | Description | Parameters |
---|---|---|
mouseenter | - | - |
mouseleave | - | - |
# Slots
Name | Description | Default Slot Content |
---|---|---|
default | - | - |
popup | - | - |