BasePopper 基础浮窗

基本用法

不同的触发方式

纯手动控制

两种内置主题

API

BasePopper Props

参数名	说明	类型	可选值	默认值	必填
modelValue	v-model 绑定值	boolean/null		null
maxWidth	最大宽度	string/number		300
theme	主题色（黑/白）	string	dark/light	dark
content	popper 内容，也可以通过 slot="content" 传入	string
title	popper 标题	string
placement	弹出位置	string	top/top-start/top-end/right/right-start/right-end/bottom/bottom-start/bottom-end/left/left-start/left-end/auto/auto-start/auto-end	top
disabled	是否禁用	boolean		false
offset	距离触发器的距离	[x, y]		[0, 10]
delay	显示/隐藏的延迟	[show, hide]		[0, 0]
trigger	触发的方式	string	'mouseenter focus'/'mouseenter click'/click/mouseenter/focusin/manual	mouseenter
arrow	是否显示箭头	boolean		true
zIndex	同 CSS 属性 z-index	number
customClass	自定义类名	string
customTriggerClass	自定义触发器（reference）的 class	string/object
customDropdownClass	自定义下拉菜单的 class	string/object
sameWidth	下拉菜单的宽度是否和触发器（reference）相同	boolean		false
appendTo	浮框挂载到的元素	Element / 'parent' / ((ref: Element) => Element)		'parent'

BasePopper Events

事件名	说明	回调参数
show	浮窗打开时触发	(instance: VueTippy) => void
hide	浮窗关闭时触发	(instance: VueTippy) => void
clickOutside	点击浮窗外部区域时触发	(instance: VueTippy) => void
mount	浮窗挂载完成时触发	(instance: VueTippy) => void

BasePopper Slots

插槽名	说明	子标签
default	默认插槽
content	自定义浮窗内部的内容（也可直接通过prop=content传入