• Popover 弹出框
    • 基础用法
    • 嵌套信息
    • 嵌套操作
    • Attributes

    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--