• Popconfirm 气泡确认框
    • 基础用法
    • 自定义
    • Attributes
    • Slot

    Popconfirm 气泡确认框

    点击元素,弹出气泡确认框。

    基础用法

    Popconfirm 的属性与 Popover 很类似,因此对于重复属性,请参考 Popover 的文档,在此文档中不做详尽解释。

    Popconfirm 气泡确认框 - 图1

    在 Popconfirm 中,只有 title 属性可用,content 属性不会被展示。

    1. <template>
    2. <el-popconfirm
    3. title="这是一段内容确定删除吗?"
    4. >
    5. <el-button slot="reference">删除</el-button>
    6. </el-popconfirm>
    7. </template>

    自定义

    可以在 Popconfirm 中自定义内容。

    Popconfirm 气泡确认框 - 图2

    1. <template>
    2. <el-popconfirm
    3. confirmButtonText='好的'
    4. cancelButtonText='不用了'
    5. icon="el-icon-info"
    6. iconColor="red"
    7. title="这是一段内容确定删除吗?"
    8. >
    9. <el-button slot="reference">删除</el-button>
    10. </el-popconfirm>
    11. </template>

    Attributes

    参数说明类型可选值默认值
    title标题String
    confirmButtonText确认按钮文字String
    cancelButtonText取消按钮文字String
    confirmButtonType确认按钮类型StringPrimary
    cancelButtonType取消按钮类型StringText
    iconIconStringel-icon-question
    iconColorIcon 颜色String#f90
    hideIcon是否隐藏 IconBooleanfalse

    Slot

    参数说明
    reference触发 Popconfirm 显示的 HTML 元素