Popover 弹出框

基础用法

Popover 的属性与 Tooltip 很类似，它们都是基于Popper.js开发的，因此对于重复属性，请参考 Tooltip 的文档，在此文档中不做详尽解释。

Popover 弹出框 - 图1

嵌套信息

可以在 Popover 中嵌套多种类型信息，以下为嵌套表格的例子。

Popover 弹出框 - 图2

嵌套操作

当然，你还可以嵌套操作，这相比 Dialog 更为轻量：

Popover 弹出框 - 图3

Attributes

参数说明类型可选值默认值
trigger触发方式Stringclick/focus/hoverclick
title标题String——
content显示的内容，也可以通过 slot 传入 DOMString——
width宽度String, Number—最小宽度 150px
placement出现位置Stringtop/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-endbottom
visible状态是否可见Boolean—false
transition定义渐变动画String—fade-in-linear
visibleArrow是否显示 Tooltip 箭头Boolean—true
popperClass为 popper 添加类名String--