Popconfirm

Un cuadro de diálogo de confirmación simple de una acción.

TIP

Este componente requiere el envoltorio <client-only></client-only> cuando se utiliza en SSR (por ejemplo: Nuxt) y SSG (por ejemplo: VitePress).

Uso básico

Popconfirm es similar a Popover. Así que para algunos atributos duplicados, por favor consulte la documentación de Popover.

Personalizar

Puede personalizar Popconfirm así:

Evento disparador

Haga clic en el botón para activar el evento

API

Atributos

NombreDescripciónTipoPor defecto
titleTítulostring
confirm-button-textTexto del botón de confirmarstring
cancel-button-textTexto del botón de cancelarstring
confirm-button-typeTipo de botón para confirmarenumprimary
cancel-button-typeTipo de botón para cancelarenumtext
iconComponente de iconostring / ComponentQuestionFilled
icon-colorColor del iconostring#f90
hide-iconsi se oculta el iconobooleanfalse
hide-afterretraso de la desaparición, en milisegundosnumber200
teleportedsi el popconfirm se teletransporta al bodybooleantrue
persistentcuando el popconfirm este inactivo y persistent es false, el popconfirm será destruidobooleanfalse
widthpopconfirm ancho, ancho mínimo 150pxstring / number150

Eventos

NombreDescripciónTipo
confirmse dispara cuando se hace clic en el botón confirmarFunction
cancelactiva cuando se hace clic en el botón cancelarFunction

Slots

NombreDescripción
referenceElemento HTML que activa Popconfirm

Fuente

ComponentesDocumentación

Contribuidores