Popconfirm
Un cuadro de diálogo de confirmación simple de una acción.
Placement
popconfirm has 9 placements.
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
| Nombre | Descripción | Tipo | Por defecto |
|---|---|---|---|
| title | Título | string | — |
| effect 2.11.2 | Popover tiene dos temas: dark y light | enum / string | light |
| confirm-button-text | Texto del botón de confirmar | string | — |
| cancel-button-text | Texto del botón de cancelar | string | — |
| confirm-button-type | Tipo de botón para confirmar | enum | primary |
| cancel-button-type | Tipo de botón para cancelar | enum | text |
| icon | Componente de icono | string / Component | QuestionFilled |
| icon-color | Color del icono | string | #f90 |
| hide-icon | si se oculta el icono | boolean | false |
| hide-after | retraso de la desaparición, en milisegundos | number | 200 |
| teleported | si el popconfirm se teletransporta al body | boolean | true |
| persistent | cuando el popconfirm este inactivo y persistent es false, el popconfirm será destruido | boolean | false |
| width | popconfirm ancho, ancho mínimo 150px | string / number | 150 |
| tooltip | Inherits all attributes from Tooltip, except: popper-class, popper-style, fallback-placements | — | — |
Eventos
| Nombre | Descripción | Tipo |
|---|---|---|
| confirm | se dispara cuando se hace clic en el botón confirmar | Function |
| cancel | activa cuando se hace clic en el botón cancelar | Function |
Slots
| Nombre | Descripción | Type |
|---|---|---|
| reference | Elemento HTML que activa Popconfirm | — |
| actions 2.8.1 | content of the Popconfirm footer | object |
Expuesto
| Nombre | Descrición | Tipo |
|---|---|---|
| popperRef 2.10.7 | instancia del componente el-popper | object |
| hide 2.10.7 | hide popconfirm | Function |
Fuente
Componentes • Style • Documentación