|
@@ -98,7 +98,7 @@
|
|
|
dangerouslyUseHTMLString: true
|
|
|
});
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
open6() {
|
|
|
this.$confirm('You have unsaved changes, save and proceed?', 'Confirm', {
|
|
|
distinguishCancelAndClose: true,
|
|
@@ -120,7 +120,7 @@
|
|
|
})
|
|
|
});
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
open7() {
|
|
|
this.$confirm('This will permanently delete the file. Continue?', 'Warning', {
|
|
|
confirmButtonText: 'OK',
|
|
@@ -345,11 +345,12 @@ El contenido de MessageBox puede ser `VNode`, permitiéndonos pasar componentes
|
|
|
Aunque la propiedad `message` soporta cadenas HTML, realizar arbitrariamente render dinamico de HTML en nuestro sitio web puede ser muy peligroso ya que puede conducir facilmente a [XSS attacks](https://en.wikipedia.org/wiki/Cross-site_scripting). Entonces cuando `dangerouslyUseHTMLString` esta activada, asegurece que el contendio de `message` sea de confianza, y **nunca** asignar `message` a contenido generado por el usuario.
|
|
|
:::
|
|
|
|
|
|
-### Distinguishing cancel and close
|
|
|
+### Distinguir entre cancelar y cerrar
|
|
|
+
|
|
|
+En algunos casos, hacer clic en el botón Cancelar y en el botón Cerrar puede tener diferentes significados.
|
|
|
|
|
|
-In some cases, clicking the cancel button and close button may have different meanings.
|
|
|
+:::demo Por defecto, los parámetros de `Promise's reject callback` y `callback` son `cancel` cuando el usuario cancela (haciendo clic en el botón de cancelación) y cierra (haciendo clic en el botón de cerrar o en la capa de máscara, pulsando la tecla ESC) el MessageBox. Si `distinguishCancelAndClose` está ajustado a `true`, los parámetros de las dos operaciones anteriores son `cancel` y `close` respectivamente.
|
|
|
|
|
|
-:::demo By default, the parameters of Promise's reject callback and `callback` are 'cancel' when the user cancels (clicking the cancel button) and closes (clicking the close button or mask layer, pressing the ESC key) the MessageBox. If `distinguishCancelAndClose` is set to true, the parameters of the above two operations are 'cancel' and 'close' respectively.
|
|
|
|
|
|
```html
|
|
|
<template>
|
|
@@ -453,7 +454,7 @@ Los metodos correspondientes: `MessageBox`, `MessageBox.alert`, `MessageBox.conf
|
|
|
| customClass | nombre de la clase personzalida para el componente MessageBox | string | — | — |
|
|
|
| callback | MessageBox callback al cerrar si no desea utilizar Promise | function(action), donde la accion puede ser 'confirm', 'cancel' o 'close', e `instance` es la instancia del componente MessageBox. Puedes acceder a los metodos y atributos de esa instancia | — | — |
|
|
|
| beforeClose | callback llamado antes de cerrar el componente MessageBox, y previene que el componente MessageBox se cierre | function(action, instance, done), donde `action` pueden ser 'confirm', 'cancel' o 'close'; `instance` es la instancia del componente MessageBox, Puedes acceder a los metodos y atributos de esa instancia; `done` es para cerrar la instancia | — | — |
|
|
|
-| distinguishCancelAndClose | whether to distinguish canceling and closing the MessageBox | boolean | — | false |
|
|
|
+| distinguishCancelAndClose | si se debe distinguir entre cancelar y cerrar | boolean | — | false |
|
|
|
| lockScroll | utilizado para bloquear el desplazamiento del contenido del MessageBox prompts | boolean | — | true |
|
|
|
| showCancelButton | utlizado para mostrar un boton cancelar | boolean | — | false (true cuando es llamado con confirm y prompt) |
|
|
|
| showConfirmButton | utlizado para mostrar un boton confirmar | boolean | — | true |
|