气泡卡片 Popover

基本用法

鼠标移入或点击，弹出气泡，可对浮层上元素进行操作，承载复杂内容和操作。

弹出位置

Popover支持 12 个不同的方位。分别为：上左 上 上右 下左 下 下右 左上 左 左下 右上 右 右下。

触发方式

通过设置 trigger，可以指定不同的触发方式。

<popover> 组件继承 <trigger> 组件的全部属性

API

<popover> Props

参数名	描述	类型	默认值
popup-visible (v-model)	文字气泡是否可见	boolean	-
default-popup-visible	文字气泡默认是否可见（非受控模式）	boolean	false
title	标题	string	-
content	内容	string	-
trigger	触发方式	'hover' | 'click' | 'focus' | 'contextMenu'	'hover'
position	弹出位置	'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb'	'top'
content-class	弹出框内容的类名	ClassName	-
content-style	弹出框内容的样式	CSSProperties	-
arrow-class	弹出框箭头的类名	ClassName	-
arrow-style	弹出框箭头的样式	CSSProperties	-
popup-container	弹出框的挂载容器	string | HTMLElement	-

<popover> Events

事件名	描述	参数
popup-visible-change	文字气泡显示状态改变时触发	visible: boolean

<popover> Slots

插槽名	描述	参数
title	标题	-
content	内容	-