# Popover 弹出框

当用户点击或鼠标移入元素时,就会弹出气泡式的卡片浮层。能够承载对于某个元素更多的解释性描述和相关操作。

# 代码演示

# API

# Attributes

参数 说明 类型 可选值 默认值 Version
content 显示的内容,或通过 slot 传入 DOM String
disabled 是否禁用 Popover Boolean false
popper-class 为 popper 添加类名 String
trigger 触发方式 String 'click' | 'focus' | 'hover' | 'manual' 'hover'
title 标题 String
value 气泡状态 (显示-true, 隐藏-false) Boolean false v1.2.0
visible-arrow 是否显示 popover 的箭头 Boolean true
width 宽度 String | Number 最小宽度 160px
placement 出现位置 String 'top' | 'right' | 'bottom' | 'left' 及各方向的修饰符(-start, -end) 'bottom-start'
close-delay 气泡关闭延迟(单位 ms) Number 200 v2.0.0
open-delay 气泡打开延迟(单位 ms) Number 0 v2.0.0
close-on-press-escape 是否可以通过按下 ESC 关闭,通常配合 Modal 一起使用 Boolean false V2.4.11

# Slot

参数 说明 Version
Popover 内嵌 DOM
reference Popover 的触发点

# Popper Methods

事件名称 说明 回调参数 Version
updatePopper 更新 popper(当相对定位元素发生位置或宽高变化时,需要更新 popper 的位置时调用)

# Events

事件名称 说明 回调参数 Version
hidden 隐藏时触发
show 显示时触发
上次更新: 7/10/2024, 11:02:37 AM