Informs users while preserving the current page state.
### Uso básico
### Basic usage
Dialog
Dialog pops up a dialog box, and it's quite customizable.
:::demo Set the `visible` attribute with a `Boolean`, and Dialog shows when it is `true`. The Dialog has two parts: `body` and `footer`, and the latter requires a `slot` named `footer`. The optional `title` attribute (empty by default) is for defining a title. Finally, this example demostra como `before-close`es usado.
:::demo Set the `visible` attribute with a `Boolean`, and Dialog shows when it is `true`. The Dialog has two parts: `body` and `footer`, and the latter requires a `slot` named `footer`. The optional `title` attribute (empty by default) is for defining a title. Finally, this example demonstrates how `before-close` is used.
```html
<el-buttontype="text"@click="dialogVisible = true">click to open the Dialog</el-button>
...
...
@@ -127,7 +125,6 @@ Dialog pops up a dialog box, and it's quite customizable.
### Customizations
El contenido de Dialog
The content of Dialog can be anything, even a table or a form. This example shows how to use Element Table and Form with Dialog。
@@ -280,7 +280,8 @@ Dialog's content can be centered.
:::
:::propina
If the variable bound to `visible` is managed in Vuex store, the `.sync` can not work properly. In this case, please remove the `.sync` modifier, listen to `open` and `close` events of Dialog, and commit Vuex mutations to update the value of that variable in the event handlers.
Si el variable obligado a `visible` es manejado en el almacén Vuex,el `.sync` no puede funcionar correctamente.En este caso,quita el modificador `.sync` por favor,escucha a eventos `open` y `close` de Diálogo,y comete Vuex mutaciones para actualizar el valor de la variable en los controladores de eventos.