Skip to content

E
Element
Commit b5f3a1a0 authored by Gonzalo Nandez's avatar Gonzalo Nandez Committed by hetech
Browse files
Options

docs: update Spanish doc for 2.4.7 (#12770) 

* update Spanish Doc

* update Spanish Doc

* update Spanish Doc
parent 66215f65
Hide whitespace changes
Inline Side-by-side
Showing with 141 additions and 118 deletions
CHANGELOG.es.md
View file @ b5f3a1a0
...@@ -4,24 +4,24 @@ ...@@ -4,24 +4,24 @@
*2018-09-14* *2018-09-14*
- Fixed DatePicker not triggering form validation, #12328 #12348 - Corregido que DatePicker no activaba la validación del Form, #12328 #12348
- Fixed DatePicker throwing errors in multiple mode, #12347 - Corregidos el lanzamiento de errores del DatePicker en modo múltiple, #12347
- Fixed incorrect position of DatePicker spinner, #12415 (by @rang-ali) - Corregida la posición incorrecta del spinner del DatePicker, #12415 (por @rang-ali)
- Fixed automatic filling of DatePicker input box, #12521 (by @abdallanayer) - Se ha corregido el llenado automático del input del DatePicker, #12521 (por @abdallanayer)
- Fixed Input not highlighted in Cascader, #12341 - Corregida el input no resaltada en Cascader, #12341
- Fixed wrong order of Tabpane, #12346 - Corregido el orden incorrecto de Tabpane, #12346
- Fixed incorrect position of ColorPicker cursor, #12376 (by @cnwhy) - Corregida la posición incorrecta del cursor de ColorPicker, #12376 (por @cnwhy)
- Fixed the style of Submenu, #2457 - Corregido el estilo del Submenú, #2457
- Fixed not highlighted after Submenu is selected, #12479 - Corregido el resaltado después de seleccionar el Submenú, #12479
- Fixed incorrect values selected by Cascader, #12508 (by @huangjinqiang) - Corregidos los valores incorrectos seleccionados por Cascader, #12508 (por @huangjinqiang)
- Fixed incorrect value of Pagination input box, #12525 - Corregido el valor incorrecto del input de Paginación, #12525
- Fixed order that Pagination triggers events, #12530 - Se ha corregido el orden en que la paginación desencadena los eventos, #12530
- Fixed Table Filter not displayed, #12539 - Corregido que no se mostraba el Table Filter, #12539
- Fixed Tree unable to delete nodes, #12684 - Corregido Tree que era incapaz de borrar nodos, #12684
- Fixed height of Select Input changing in single mode, #12719 - Corregida la altura de los Select Input que cambiaba en modo simple, #12719
- Fixed style of FormItem label in nested Form, #12748 - Arreglado el estilo de la etiqueta FormItem en Form anidado, #12748
- Added `autocomplete` attribute for Input, deprecated `auto-complete`, #12514 (by @axetroy) - Añadido el atributo `autocomplete` para Input, obsoleto `auto-complete`, #12514 (por @axetroy)
- Added slots-scope for Form to display validation information, #12715 (by @YamenSharaf) - Añadido el slots-scope de Form para mostrar la información de validación, #12715 (por @YamenSharaf)
### 2.4.6 ### 2.4.6
......
examples/docs/es/form.md
View file @ b5f3a1a0
...@@ -324,14 +324,16 @@ Incluye todo tipo de entradas, tales como `input`, `select`, `radio` y `checkbox ...@@ -324,14 +324,16 @@ Incluye todo tipo de entradas, tales como `input`, `select`, `radio` y `checkbox
} }
</script> </script>
``` ```
::: :::
:::tip :::tip
[W3C](https://www.w3.org/MarkUp/html-spec/html-spec_8.html#SEC8.2) reglamenta que [W3C](https://www.w3.org/MarkUp/html-spec/html-spec_8.html#SEC8.2) reglamenta que
> <i>Cuando sólo hay un campo de entrada de texto de una sola línea en un formulario, el agente usuario debe aceptar <b>Enter</b> en ese campo como una solicitud para enviar el formulario.</i> > <i>Cuando sólo hay un campo de entrada de texto de una sola línea en un formulario, el agente usuario debe aceptar <b>Enter</b> en ese campo como una solicitud para enviar el formulario.</i>
Para prevenir este comportamiento, puede agregar `@submit.native.prevent` on `<el-form>`. Para prevenir este comportamiento, puede agregar `@submit.native.prevent` on `<el-form>`.
::: :::
### Formulario inline ### Formulario inline
...@@ -372,6 +374,7 @@ Cuando el espacio vertical es limitado y la forma es relativamente simple, puede ...@@ -372,6 +374,7 @@ Cuando el espacio vertical es limitado y la forma es relativamente simple, puede
} }
</script> </script>
``` ```
::: :::
### Alineamiento ### Alineamiento
...@@ -413,13 +416,14 @@ Dependiendo de su diseño, hay varias maneras diferentes de alinear el elemento ...@@ -413,13 +416,14 @@ Dependiendo de su diseño, hay varias maneras diferentes de alinear el elemento
} }
</script> </script>
``` ```
::: :::
### Validación ### Validación
El componente `form` le permite verificar sus datos, ayudándole a encontrar y corregir errores. El componente `form` le permite verificar sus datos, ayudándole a encontrar y corregir errores.
:::demo Sólo tiene que añadir el atributo `rules` en el componente `Form`, pasar las reglas de validación y establecer el atributo `prop` para `Form-Item` como una clave específica que necesita ser validada. Ver más información en [async-validator](https://github.com/yiminghe/async-validator). :::demo Sólo tiene que añadir el atributo `rules` en el componente `Form`, pasar las reglas de validación y establecer el atributo `prop` para `Form-Item` como una clave específica que necesita ser validada. Ver más información en [async-validator](https://github.com/yiminghe/async-validator).
```html ```html
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
...@@ -528,6 +532,7 @@ El componente `form` le permite verificar sus datos, ayudándole a encontrar y c ...@@ -528,6 +532,7 @@ El componente `form` le permite verificar sus datos, ayudándole a encontrar y c
} }
</script> </script>
``` ```
::: :::
### Reglas personalizadas de validación ### Reglas personalizadas de validación
...@@ -627,9 +632,10 @@ Este ejemplo muestra cómo personalizar sus propias reglas de validación para f ...@@ -627,9 +632,10 @@ Este ejemplo muestra cómo personalizar sus propias reglas de validación para f
} }
</script> </script>
``` ```
::: :::
### Eliminar o agregar validaciones dinamicamente ### Eliminar o agregar validaciones dinamicamente
:::demo Además de pasar todas las reglas de validación al mismo tiempo en el componente `form`, también puede pasar las reglas de validación o borrar reglas en un único campo de formulario de forma dinámica. :::demo Además de pasar todas las reglas de validación al mismo tiempo en el componente `form`, también puede pasar las reglas de validación o borrar reglas en un único campo de formulario de forma dinámica.
...@@ -705,6 +711,7 @@ Este ejemplo muestra cómo personalizar sus propias reglas de validación para f ...@@ -705,6 +711,7 @@ Este ejemplo muestra cómo personalizar sus propias reglas de validación para f
} }
</script> </script>
``` ```
::: :::
### Validación numerica ### Validación numerica
...@@ -755,6 +762,7 @@ Este ejemplo muestra cómo personalizar sus propias reglas de validación para f ...@@ -755,6 +762,7 @@ Este ejemplo muestra cómo personalizar sus propias reglas de validación para f
} }
</script> </script>
``` ```
::: :::
:::tip :::tip
...@@ -831,67 +839,71 @@ Todos los componentes de un formulario heredan su atributo `size`. De manera sim ...@@ -831,67 +839,71 @@ Todos los componentes de un formulario heredan su atributo `size`. De manera sim
}; };
</script> </script>
``` ```
::: :::
### Form Atributos ### Form Atributos
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto | | Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
| ----------------------- | ---------------------------------------- | ------- | --------------------- | ----------- | | ----------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------------------- | ----------- |
| model | Datos del componente | object | — | — | | model | Datos del componente | object | — | — |
| rules | Reglas de validación | object | — | — | | rules | Reglas de validación | object | — | — |
| inline | Si el form es inline | boolean | — | false | | inline | Si el form es inline | boolean | — | false |
| label-position | Posicion de la etiqueta. Si esta 'left' o 'right', también se necesita el prop `label-width` | string | left / right / top | right | | label-position | Posicion de la etiqueta. Si esta 'left' o 'right', también se necesita el prop `label-width` | string | left / right / top | right |
| label-width | ancho de la etiqueta, y todos los form items directos descendientes heredarán este valor | string | — | — | | label-width | ancho de la etiqueta, y todos los form items directos descendientes heredarán este valor | string | — | — |
| label-suffix | sufijo de la etiqueta | string | — | — | | label-suffix | sufijo de la etiqueta | string | — | — |
| show-message | si mostrar o no el mensaje de error | boolean | — | true | | show-message | si mostrar o no el mensaje de error | boolean | — | true |
| inline-message | si desea visualizar el mensaje de error inline con la posición del form item | boolean | — | false | | inline-message | si desea visualizar el mensaje de error inline con la posición del form item | boolean | — | false |
| status-icon | si desea visualizar un icono que indique el resultado de la validación | boolean | — | false | | status-icon | si desea visualizar un icono que indique el resultado de la validación | boolean | — | false |
| validate-on-rule-change | si se dispara la validacion cuando el prop `rules` cambia | boolean | — | true | | validate-on-rule-change | si se dispara la validacion cuando el prop `rules` cambia | boolean | — | true |
| size | el tamaño de los componentes en este form | string | medium / small / mini | — | | size | el tamaño de los componentes en este form | string | medium / small / mini | — |
| disabled | si se desactivan todos los componentes del formulario. Si esta en `true` no puede ser cambiado por el prop `disabled` individual de los componentes. | boolean | — | false | | disabled | si se desactivan todos los componentes del formulario. Si esta en `true` no puede ser cambiado por el prop `disabled` individual de los componentes. | boolean | — | false |
### Form Metodos ### Form Metodos
| Metodo | Descripción | Parametros | | Metodo | Descripción | Parametros |
| ------------- | ---------------------------------------- | ---------------------------------------- | | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------- |
| validate | el método para validar todo el formulario. Takes a callback as a param. After validation, the callback will be executed with two params: a boolean indicating if the validation has passed, and an object containing all fields that fail the validation. Devuelve una promesa si se omite el return | Function(callback: Function(boolean, object)) | | validate | el método para validar todo el formulario. Takes a callback as a param. After validation, the callback will be executed with two params: a boolean indicating if the validation has passed, and an object containing all fields that fail the validation. Devuelve una promesa si se omite el return | Function(callback: Function(boolean, object)) |
| validateField | el método para validar un determinado form item | Function(prop: string, callback: Function(errorMessage: string)) | | validateField | el método para validar un determinado form item | Function(prop: string, callback: Function(errorMessage: string)) |
| resetFields | restablece todos los campos y elimina el resultado de validación | — | | resetFields | restablece todos los campos y elimina el resultado de validación | — |
| clearValidate |limpieza de validación para determinados campos. El parámetro es un conjunto de nombres de propiedad de los elementos del formulario cuyos mensajes de validación se eliminarán. Si se omiten, se borrarán todos los mensajes de validación de los campos. | Function(props: array) | clearValidate | limpieza de validación para determinados campos. El parámetro es un conjunto de nombres de propiedad de los elementos del formulario cuyos mensajes de validación se eliminarán. Si se omiten, se borrarán todos los mensajes de validación de los campos. | Function(props: array) |
### Form Events ### Form Events
| Nombre | Descripción | Parametros |
| -------- | ---------------------------------------------------- | ------------------------------------------------------------ | | Nombre | Descripción | Parametros |
| -------- | ---------------------------------------------------- | ------------------------------------------------------------------------------------------------------ |
| validate | se dispara después de validar un item del formulario | la propiedad (`prop name`) nombre del item del form que se esta validando, si la validacion paso o no. | | validate | se dispara después de validar un item del formulario | la propiedad (`prop name`) nombre del item del form que se esta validando, si la validacion paso o no. |
### Form-Item Atributos ### Form-Item Atributos
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto | | Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
| -------------- | ---------------------------------------- | ------- | ----------------------------------- | ----------- | | -------------- | ------------------------------------------------------------------------------------------------------------------- | ------- | ----------------------------------- | ----------- |
| prop | un key de `model`. En el uso del método validate and resetFields, el atributo es obligatorio. | string | keys of model that passed to `form` | | | prop | un key de `model`. En el uso del método validate and resetFields, el atributo es obligatorio. | string | keys of model that passed to `form` | |
| label | etiqueta | string | — | — | | label | etiqueta | string | — | — |
| label-width | ancho de la etiqueta, e.g. '50px' | string | — | — | | label-width | ancho de la etiqueta, e.g. '50px' | string | — | — |
| required | si el campo es obligatorio o no, estará determinado por las reglas de validación si se omite. | boolean | — | false | | required | si el campo es obligatorio o no, estará determinado por las reglas de validación si se omite. | boolean | — | false |
| rules | reglas de validacion del form | object | — | — | | rules | reglas de validacion del form | object | — | — |
| error | mensaje de error de campo, establezca su valor y el campo validará el error y mostrará este mensaje inmediatamente. | string | — | — | | error | mensaje de error de campo, establezca su valor y el campo validará el error y mostrará este mensaje inmediatamente. | string | — | — |
| show-message | si mostrar o no el mensaje de error | boolean | — | true | | show-message | si mostrar o no el mensaje de error | boolean | — | true |
| inline-message | mensaje de validación estilo inline | boolean | — | false | | inline-message | mensaje de validación estilo inline | boolean | — | false |
| size | Tamaño de los componentes en este form item | string | medium / small / mini | - | | size | Tamaño de los componentes en este form item | string | medium / small / mini | - |
### Form-Item Slot ### Form-Item Slot
| Nombre | Descripción | | Nombre | Descripción |
| ------ | ------------------------ | | ------ | ------------------------ |
| — | contenido del Form Item | | — | contenido del Form Item |
| label | contenido de la etiqueta | | label | contenido de la etiqueta |
### Form-Item Scoped Slot ### Form-Item Scoped Slot
| Name | Description |
|---------------|-------------| | Name | Description |
| error | Custom content to display validation message. The scope parameter is { error } | | ----- | -------------------------------------------------------------------------------------------------- |
| error | Contenido personalizado para mostrar el mensaje de validacion. El parametro del scope es { error } |
### Form-Item Metodo ### Form-Item Metodo
| Metodo | Descripción | Parametros | | Metodo | Descripción | Parametros |
| ---------- | ---------------------------------------- | ---------- | | ------------- | ----------------------------------------------------------- | ---------- |
| resetField | restablecer campo actual y eliminar resultado de validación | — | | resetField | restablecer campo actual y eliminar resultado de validación | — |
| clearValidate | elimina el estado de la validacion de un campo | - | | clearValidate | elimina el estado de la validacion de un campo | - |
examples/docs/es/input.md
View file @ b5f3a1a0
...@@ -163,11 +163,12 @@ export default { ...@@ -163,11 +163,12 @@ export default {
} }
</script> </script>
``` ```
::: :::
### Disabled ### Disabled
:::demo Deshabilite el Input con el atributo `disabled`. :::demo Deshabilite el Input con el atributo `disabled`.
```html ```html
<el-input <el-input
...@@ -186,6 +187,7 @@ export default { ...@@ -186,6 +187,7 @@ export default {
} }
</script> </script>
``` ```
::: :::
### Input con icono ### Input con icono
...@@ -242,6 +244,7 @@ export default { ...@@ -242,6 +244,7 @@ export default {
} }
</script> </script>
``` ```
::: :::
### Textarea ### Textarea
...@@ -268,6 +271,7 @@ export default { ...@@ -268,6 +271,7 @@ export default {
} }
</script> </script>
``` ```
::: :::
### Textarea tamaño automatico ### Textarea tamaño automatico
...@@ -302,6 +306,7 @@ export default { ...@@ -302,6 +306,7 @@ export default {
} }
</script> </script>
``` ```
::: :::
### Mezclando elementos con input ### Mezclando elementos con input
...@@ -353,6 +358,7 @@ export default { ...@@ -353,6 +358,7 @@ export default {
} }
</script> </script>
``` ```
::: :::
### Tamaño ### Tamaño
...@@ -395,6 +401,7 @@ export default { ...@@ -395,6 +401,7 @@ export default {
} }
</script> </script>
``` ```
::: :::
### Autocompletado ### Autocompletado
...@@ -469,13 +476,14 @@ Puede obtener algunas sugerencias basadas en la entrada actual. ...@@ -469,13 +476,14 @@ Puede obtener algunas sugerencias basadas en la entrada actual.
} }
</script> </script>
``` ```
::: :::
### Template personalizado ### Template personalizado
Personalice cómo se muestran las sugerencias. Personalice cómo se muestran las sugerencias.
:::demo Utilice `scoped slot` para personalizar los elementos de sugerencias. En el scope, puede acceder al objeto de sugerencia mediante la clave `item`. :::demo Utilice `scoped slot` para personalizar los elementos de sugerencias. En el scope, puede acceder al objeto de sugerencia mediante la clave `item`.
```html ```html
<el-autocomplete <el-autocomplete
...@@ -557,6 +565,7 @@ Personalice cómo se muestran las sugerencias. ...@@ -557,6 +565,7 @@ Personalice cómo se muestran las sugerencias.
} }
</script> </script>
``` ```
::: :::
### Búsqueda remota ### Búsqueda remota
...@@ -564,6 +573,7 @@ Personalice cómo se muestran las sugerencias. ...@@ -564,6 +573,7 @@ Personalice cómo se muestran las sugerencias.
Búsqueda de datos desde el servidor. Búsqueda de datos desde el servidor.
:::demo :::demo
```html ```html
<el-autocomplete <el-autocomplete
v-model="state4" v-model="state4"
...@@ -616,35 +626,36 @@ Búsqueda de datos desde el servidor. ...@@ -616,35 +626,36 @@ Búsqueda de datos desde el servidor.
}; };
</script> </script>
``` ```
::: :::
### Input atributos ### Input atributos
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto | | Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
| ------------- | ---------------------------------------- | ---------------- | -------------------------------- | ----------- | | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
| type | tipo de input | string | text, textarea y otros [tipos de entrada nativos](https://developer.mozilla.org/es/docs/Web/HTML/Elemento/input#Form_%3Cinput%3E_types) | text | | type | tipo de input | string | text, textarea y otros [tipos de entrada nativos](https://developer.mozilla.org/es/docs/Web/HTML/Elemento/input#Form_%3Cinput%3E_types) | text |
| value | valor enlazado | string / number | — | — | | value | valor enlazado | string / number | — | — |
| maxlength | igual que `maxlength` en el input nativo | number | — | — | | maxlength | igual que `maxlength` en el input nativo | number | — | — |
| minlength | igual que `minlength` en el input nativo | number | — | — | | minlength | igual que `minlength` en el input nativo | number | — | — |
| placeholder | placeholder del Input | string | — | — | | placeholder | placeholder del Input | string | — | — |
| disabled | si esta deshabilitado | boolean | — | false | | disabled | si esta deshabilitado | boolean | — | false |
| size | tamaño del input, esto no funciona cuando `type` no es textarea | string | medium / small / mini | — | | size | tamaño del input, esto no funciona cuando `type` no es textarea | string | medium / small / mini | — |
| prefix-icon | clase del icono de prefijo | string | — | — | | prefix-icon | clase del icono de prefijo | string | — | — |
| suffix-icon | clase del icono de sufijo | string | — | — | | suffix-icon | clase del icono de sufijo | string | — | — |
| rows | número de filas, sólo funciona cuando `type` es 'textarea'. | number | — | 2 | | rows | número de filas, sólo funciona cuando `type` es 'textarea'. | number | — | 2 |
| autosize | si textarea tiene una altura adaptativa, sólo funciona cuando el`type` es 'textarea'. Puede aceptar un objeto, p. ej. { minRows: 2, maxRows: 6 } | boolean / object | — | false | | autosize | si textarea tiene una altura adaptativa, sólo funciona cuando el`type` es 'textarea'. Puede aceptar un objeto, p. ej. { minRows: 2, maxRows: 6 } | boolean / object | — | false |
| autocomplete | igual que `autocomplete` en el input nativo | string | on/off | off | | autocomplete | igual que `autocomplete` en el input nativo | string | on/off | off |
| auto-complete | @DEPRECATED in next major version | string | on/off | off | | auto-complete | @DEPRECATED en el proximo cambio mayor de version | string | on/off | off |
| name | igual que `name` en el input nativo | string | — | — | | name | igual que `name` en el input nativo | string | — | — |
| readonly | igual que `readonly` en el input nativo | boolean | — | false | | readonly | igual que `readonly` en el input nativo | boolean | — | false |
| max | igual que `max` en el input nativo | — | — | — | | max | igual que `max` en el input nativo | — | — | — |
| min | igual que `min` en el input nativo | — | — | — | | min | igual que `min` en el input nativo | — | — | — |
| step | igual que `step` en el input nativo | — | — | — | | step | igual que `step` en el input nativo | — | — | — |
| resize | control para el dimensionamiento | string | none, both, horizontal, vertical | — | | resize | control para el dimensionamiento | string | none, both, horizontal, vertical | — |
| autofocus | igual que `autofocus` en el input nativo | boolean | — | false | | autofocus | igual que `autofocus` en el input nativo | boolean | — | false |
| form | igual que `form` en el input nativo | string | — | — | | form | igual que `form` en el input nativo | string | — | — |
| label | texto de la etiqueta | string | — | — | | label | texto de la etiqueta | string | — | — |
| tabindex | orden de tabulacion para el Input | string | - | - | | tabindex | orden de tabulacion para el Input | string | - | - |
### Input slots ### Input slots
...@@ -657,42 +668,42 @@ Búsqueda de datos desde el servidor. ...@@ -657,42 +668,42 @@ Búsqueda de datos desde el servidor.
### Input eventos ### Input eventos
| Nombre | Descripción | Parametros | | Nombre | Descripción | Parametros |
| ------ | ---------------------------------------- | ------------------------- | | ------ | ------------------------------------------------------------------------------------------ | ------------------------- |
| blur | Se dispara cuando se pierde el foco | (event: Event) | | blur | Se dispara cuando se pierde el foco | (event: Event) |
| focus | Se dispara cuando se obtiene el foco | (event: Event) | | focus | Se dispara cuando se obtiene el foco | (event: Event) |
| change | se activa cuando cambia el valor de entrada | (value: string \| number) | | change | se activa cuando cambia el valor de entrada | (value: string \| number) |
| clear | se dispara cuando la entrada es borrada por el botón generado por el atributo "clearable". | — | | clear | se dispara cuando la entrada es borrada por el botón generado por el atributo "clearable". | — |
### Input Metodo ### Input Metodo
| Metodo | Descripción | Parametros | | Metodo | Descripción | Parametros |
| ------ | ----------------------------- | ---------- | | ------ | ----------------------------- | ---------- |
| focus | coloca el foco en el elemento | — | | focus | coloca el foco en el elemento | — |
| blur | quita el foco del elemento | — | | blur | quita el foco del elemento | — |
| select | selecciona el texto del input | — | | select | selecciona el texto del input | — |
### Autocomplete Atributos ### Autocomplete Atributos
Atributo | Descripción | Tipo | Opciones | Por defecto | Atributo | Descripción | Tipo | Opciones | Por defecto |
|----| ----| ----| ---- | -----| | --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | -------------------------------------------------------------- | ------------ |
|placeholder| el placeholder del Autocomplete| string | — | — | | placeholder | el placeholder del Autocomplete | string | — | — |
|disabled | si el Autocompete esta deshabilitado | boolean | — | false| | disabled | si el Autocompete esta deshabilitado | boolean | — | false |
| value-key | nombre del campo del objeto de sugerencia del input para la visualización | string | — | value | | value-key | nombre del campo del objeto de sugerencia del input para la visualización | string | — | value |
|icon | nombre del icono | string | — | — | | icon | nombre del icono | string | — | — |
|value | valor enlazado | string | — | — | | value | valor enlazado | string | — | — |
| debounce | retardo al escribir, en milisegundos | number | — | 300 | | debounce | retardo al escribir, en milisegundos | number | — | 300 |
| placement | ubicación del menú emergente | string | top / top-start / top-end / bottom / bottom-start / bottom-end | bottom-start | | placement | ubicación del menú emergente | string | top / top-start / top-end / bottom / bottom-start / bottom-end | bottom-start |
|fetch-suggestions | un método para obtener las sugerencias del input. Cuando las sugerencias estén listas, invocar `callback(data:[])` para devolverlas a Autocomplete | Function(queryString, callback) | — | — | | fetch-suggestions | un método para obtener las sugerencias del input. Cuando las sugerencias estén listas, invocar `callback(data:[])` para devolverlas a Autocomplete | Function(queryString, callback) | — | — |
| popper-class | nombre personalizado de clase para el dropdown de autocomplete | string | — | — | | popper-class | nombre personalizado de clase para el dropdown de autocomplete | string | — | — |
| trigger-on-focus | si se deben mostrar sugerencias cuando el input obtiene el foco | boolean | — | true | | trigger-on-focus | si se deben mostrar sugerencias cuando el input obtiene el foco | boolean | — | true |
| name | igual que `name` en el input nativo | string | — | — | | name | igual que `name` en el input nativo | string | — | — |
| select-when-unmatched | si se emite un evento `select` al pulsar enter cuando no hay coincidencia de Autocomplete | boolean | — | false | | select-when-unmatched | si se emite un evento `select` al pulsar enter cuando no hay coincidencia de Autocomplete | boolean | — | false |
| label | texto de la etiqueta | string | — | — | | label | texto de la etiqueta | string | — | — |
| prefix-icon | prefix icon class | string | — | — | | prefix-icon | prefix icon class | string | — | — |
| suffix-icon | suffix icon class | string | — | — | | suffix-icon | suffix icon class | string | — | — |
| hide-loading | si se debe ocultar el icono de loading en la búsqueda remota | boolean | — | false | | hide-loading | si se debe ocultar el icono de loading en la búsqueda remota | boolean | — | false |
| popper-append-to-body | si añadir el desplegable al cuerpo. Si la posición del menú desplegable es incorrecta, puede intentar establecer este prop a false | boolean | - | true | | popper-append-to-body | si añadir el desplegable al cuerpo. Si la posición del menú desplegable es incorrecta, puede intentar establecer este prop a false | boolean | - | true |
### Autocomplete Slots ### Autocomplete Slots
...@@ -705,14 +716,14 @@ Atributo | Descripción | Tipo | Opciones | Por defecto ...@@ -705,14 +716,14 @@ Atributo | Descripción | Tipo | Opciones | Por defecto
### Autocomplete Scoped Slot ### Autocomplete Scoped Slot
| Name | Description | | Name | Description |
|------|--------| | ---- | ---------------------------------------------------------------------------------------- |
| — | Custom content for input suggestions. The scope parameter is { item } | | — | Contenido personalizado para el input de sugerencias. El parametro del scope es { item } |
### Autocomplete Eventos ### Autocomplete Eventos
| Nombre | Descripción | Parametros | | Nombre | Descripción | Parametros |
| ------ | ---------------------------------------- | ---------------------------------------- | | ------ | ------------------------------------------------ | ------------------------------------------- |
| select | se dispara cuando se hace click a una sugerencia | sugerencia en la que se está haciendo click | | select | se dispara cuando se hace click a una sugerencia | sugerencia en la que se está haciendo click |
### Autocomplete Metodo ### Autocomplete Metodo
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment