On this page

popconfirm组件

Element Plus Popover 组件文档

Hidden Title

基础用法：<s-popconfirm @confirm="confirm"></s-popconfirm>

属性事件插槽简介

基础用法

成华主题

chenghua主题示例

石景山主题

shijingshan主题示例

通常用法

Slots

sybz 主题（theme 默认值：default）

设置 theme="sybz" 使用思云博智配色。theme 可选 default / chenghua / shijingshan / sybz，默认值为 default。品牌蓝 #4876EF，AI 辅助绿 #00D3AB。

属性

属性名	说明	类型	默认值
`title`	标题文案；未设置时由 `variant` 生成	string	由 `variant` 决定
`width`	弹层宽度；语义态默认使用更适合确认内容的宽度	string / number	普通态 `200`，语义态 `320`
`content`	正文内容，默认按安全白名单 HTML 渲染	string	`''`
`reConfirm`	是否启用二次确认，关闭后点击即直接确认	boolean	`true`
`dangerouslyUseHTMLString`	是否将 `title` / `content` 按安全白名单 HTML 字符串渲染，可用 `<mark>` 高亮文本	boolean	`true`
`theme`	主题	`default` / `chenghua` / `shijingshan` / `sybz`	`default`
`variant`	语义样式，并统一标题、正文、确认按钮和主题颜色	`default` / `delete` / `warning`	`default`
`target`	删除场景中要操作的目标名称；未传 `content` 时自动生成标准提示	string / number	-
`confirmButtonText`	确认按钮文字；未设置时由 `variant` 生成	string	由 `variant` 决定
`cancelButtonText`	取消按钮文字	string	`取消`
`confirmButtonType`	确认按钮类型	`default / primary / success / warning / info / danger / text`	`primary`
`cancelButtonType`	取消按钮类型	`default / primary / success / warning / info / danger / text`	`info`

事件

事件名	说明
`confirm`	点击确认时触发
`cancel`	点击取消时触发

插槽

插槽名	说明
`default`	触发器内容
`title`	自定义标题内容
`content`	自定义正文内容，富文本内容请使用这个插槽
`footer`	自定义底部操作区
`target`	自定义删除场景中的目标内容

Exposes

名称	说明	类型
`close`	手动关闭弹层	function