mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
docs(docs): update the 'value' property to 'ModelValue' (#2044)
* docs(docs): update the 'value' property to 'ModelValue' * docs: replace modelValue to model-value
This commit is contained in:
@@ -58,7 +58,7 @@ Note, date time locale (month name, first day of the week ...) are also configed
|
||||
### Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|-----------------|------------------- |---------- |---------------------- |--------- |
|
||||
| value / v-model | binding value | Date | — | — |
|
||||
| model-value / v-model | binding value | Date | — | — |
|
||||
| range | time range, including start time and end time. Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months. | [Date]Array | — | — |
|
||||
|
||||
### dateCell scoped slot 参数
|
||||
|
||||
@@ -241,7 +241,7 @@ Checkbox with button styles.
|
||||
### Checkbox Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default|
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | binding value | string / number / boolean | — | — |
|
||||
| model-value / v-model | binding value | string / number / boolean | — | — |
|
||||
| label | value of the Checkbox when used inside a `checkbox-group` | string / number / boolean | — | — |
|
||||
| true-label | value of the Checkbox if it's checked | string / number | — | — |
|
||||
| false-label | value of the Checkbox if it's not checked | string / number | — | — |
|
||||
@@ -260,7 +260,7 @@ Checkbox with button styles.
|
||||
### Checkbox-group Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default|
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | binding value | array | — | — |
|
||||
| model-value / v-model | binding value | array | — | — |
|
||||
|size | size of checkbox buttons or bordered checkboxes | string | medium / small / mini | — |
|
||||
| disabled | whether the nesting checkboxes are disabled | boolean | — | false |
|
||||
| min | minimum number of checkbox checked | number | — | — |
|
||||
|
||||
@@ -115,7 +115,7 @@ Besides using the `title` attribute, you can customize panel title with named sl
|
||||
### Collapse Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | currently active panel | string (accordion mode) / array (non-accordion mode) | — | — |
|
||||
| model-value / v-model | currently active panel | string (accordion mode) / array (non-accordion mode) | — | — |
|
||||
| accordion | whether to activate accordion mode | boolean | — | false |
|
||||
|
||||
### Collapse Events
|
||||
|
||||
@@ -109,7 +109,7 @@ ColorPicker is a color selector supporting multiple color formats.
|
||||
### Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | binding value | string | — | — |
|
||||
| model-value / v-model | binding value | string | — | — |
|
||||
| disabled | whether to disable the ColorPicker | boolean | — | false |
|
||||
| size | size of ColorPicker | string | medium / small / mini | — |
|
||||
| show-alpha | whether to display the alpha slider | boolean | — | false |
|
||||
@@ -121,4 +121,4 @@ ColorPicker is a color selector supporting multiple color formats.
|
||||
| Event Name | Description | Parameters |
|
||||
|---------|--------|---------|
|
||||
| change | triggers when input value changes | color value |
|
||||
| active-change | triggers when the current active color changes | active color value |
|
||||
| active-change | triggers when the current active color changes | active color value |
|
||||
|
||||
@@ -391,7 +391,7 @@ Note, date time locale (month name, first day of the week ...) are also configed
|
||||
### Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | binding value | date(DatePicker) / array(DateRangePicker) | — | — |
|
||||
| model-value / v-model | binding value | date(DatePicker) / array(DateRangePicker) | — | — |
|
||||
| readonly | whether DatePicker is read only | boolean | — | false |
|
||||
| disabled | whether DatePicker is disabled | boolean | — | false |
|
||||
| size | size of Input | string | large/medium/small/mini | large |
|
||||
|
||||
@@ -192,7 +192,7 @@ DateTimePicker is derived from DatePicker and TimePicker. For a more detailed ex
|
||||
### Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | binding value | date(DateTimePicker) / array(DateTimeRangePicker) | — | — |
|
||||
| model-value / v-model | binding value | date(DateTimePicker) / array(DateTimeRangePicker) | — | — |
|
||||
| readonly | whether DatePicker is read only | boolean | — | false |
|
||||
| disabled | whether DatePicker is disabled | boolean | — | false |
|
||||
| editable | whether the input is editable | boolean | — | true |
|
||||
|
||||
@@ -137,7 +137,7 @@ Read-only Rate is for displaying rating score. Half star is supported.
|
||||
### Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | binding value | number | — | 0 |
|
||||
| model-value / v-model | binding value | number | — | 0 |
|
||||
| max | max rating score | number | — | 5 |
|
||||
| disabled | whether Rate is read-only | boolean | — | false |
|
||||
| allow-half | whether picking half start is allowed | boolean | — | false |
|
||||
|
||||
@@ -527,7 +527,7 @@ If the binding value of Select is an object, make sure to assign `value-key` as
|
||||
### Select Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | binding value | string / number / boolean / object | — | — |
|
||||
| model-value / v-model | binding value | string / number / boolean / object | — | — |
|
||||
| multiple | whether multiple-select is activated | boolean | — | false |
|
||||
| disabled | whether Select is disabled | boolean | — | false |
|
||||
| value-key | unique identity key name for value, required when value is an object | string | — | value |
|
||||
|
||||
@@ -214,7 +214,7 @@ Selecting a range of values is supported.
|
||||
## Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | binding value | number | — | 0 |
|
||||
| model-value / v-model | binding value | number | — | 0 |
|
||||
| min | minimum value | number | — | 0 |
|
||||
| max | maximum value | number | — | 100 |
|
||||
| disabled | whether Slider is disabled | boolean | — | false |
|
||||
|
||||
@@ -196,7 +196,7 @@ Switch is used for switching between two opposing states.
|
||||
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
| ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------- | --------------- | ------- |
|
||||
| value / v-model | binding value, it should be equivalent to either `active-value` or `inactive-value`, by default it's `boolean` type | boolean / string / number | — | — |
|
||||
| model-value / v-model | binding value, it should be equivalent to either `active-value` or `inactive-value`, by default it's `boolean` type | boolean / string / number | — | — |
|
||||
| disabled | whether Switch is disabled | boolean | — | false |
|
||||
| loading | whether Switch is in loading state | boolean | — | false |
|
||||
| width | width of Switch | number | — | 40 |
|
||||
|
||||
@@ -194,7 +194,7 @@ Only card type Tabs support addable & closeable.
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
this.editableTabsValue = activeName;
|
||||
this.editableTabs = tabs.filter(tab => tab.name !== targetName);
|
||||
}
|
||||
@@ -267,7 +267,7 @@ Only card type Tabs support addable & closeable.
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
this.editableTabsValue = activeName;
|
||||
this.editableTabs = tabs.filter(tab => tab.name !== targetName);
|
||||
}
|
||||
@@ -280,7 +280,7 @@ Only card type Tabs support addable & closeable.
|
||||
### Tabs Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | binding value, name of the selected tab | string | — | name of first tab |
|
||||
| model-value / v-model | binding value, name of the selected tab | string | — | name of first tab |
|
||||
| type | type of Tab | string | card/border-card | — |
|
||||
| closable | whether Tab is closable | boolean | — | false |
|
||||
| addable | whether Tab is addable | boolean | — | false |
|
||||
|
||||
@@ -106,7 +106,7 @@ Can pick an arbitrary time range.
|
||||
### Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | binding value | Date | - | - |
|
||||
| model-value / v-model | binding value | Date | - | - |
|
||||
| readonly | whether TimePicker is read only | boolean | — | false |
|
||||
| disabled | whether TimePicker is disabled | boolean | — | false |
|
||||
| editable | whether the input is editable | boolean | — | true |
|
||||
|
||||
@@ -69,7 +69,7 @@ If start time is picked at first, then the end time will change accordingly.
|
||||
### Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | binding value | string | - | - |
|
||||
| model-value / v-model | binding value | string | - | - |
|
||||
| editable | whether the input is editable | boolean | — | true |
|
||||
| clearable | whether to show clear button | boolean | — | true |
|
||||
| size | size of Input | string | medium / small / mini | — |
|
||||
|
||||
@@ -147,7 +147,7 @@ By default, Transfer looks for `key`, `label` and `disabled` in a data item. If
|
||||
### Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | binding value | array | — | — |
|
||||
| model-value / v-model | binding value | array | — | — |
|
||||
| data | data source | array[{ key, label, disabled }] | — | [ ] |
|
||||
| filterable | whether Transfer is filterable | boolean | — | false |
|
||||
| filter-placeholder | placeholder for the filter input | string | — | Enter keyword |
|
||||
|
||||
@@ -59,7 +59,7 @@ Note, date time locale (month name, first day of the week ...) are also configed
|
||||
### Atributos
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
|-----------------|------------------- |---------- |---------------------- |------------ |
|
||||
| value / v-model | valor vinculante | Date | — | — |
|
||||
| model-value / v-model | valor vinculante | Date | — | — |
|
||||
| range | rango de tiempo, incluyendo el tiempo de inicio y el tiempo final. Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months | [Date]Array | — | — |
|
||||
|
||||
### dateCell scoped slot
|
||||
|
||||
@@ -6,7 +6,7 @@ Un grupo de opciones para manejar múltiples elecciones.
|
||||
|
||||
Checkbox puede ser usado para alternar entre dos estados.
|
||||
|
||||
:::demo Define `v-model`(enlaza la variable) en `el-checkbox`. El valor por defecto es un `Boolean` para un `checkbox`, y se convierte en `true` cuando este es seleccionado. El contenido dentro del tag `el-checkbox` se convierte en la descripción al costado del botón del checkbox.
|
||||
:::demo Define `v-model`(enlaza la variable) en `el-checkbox`. El valor por defecto es un `Boolean` para un `checkbox`, y se convierte en `true` cuando este es seleccionado. El contenido dentro del tag `el-checkbox` se convierte en la descripción al costado del botón del checkbox.
|
||||
|
||||
```html
|
||||
<template>
|
||||
@@ -127,7 +127,7 @@ Las propiedades `min` y `max` pueden limitar la cantidad de elementos selecciona
|
||||
|
||||
```html
|
||||
<template>
|
||||
<el-checkbox-group
|
||||
<el-checkbox-group
|
||||
v-model="checkedCities"
|
||||
:min="1"
|
||||
:max="2">
|
||||
@@ -241,7 +241,7 @@ Checkbox con estilo tipo Botón.
|
||||
### Atributos de Checkbox
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
| ------------- | ---------------------------------------- | ------------------------- | --------------------- | ----------- |
|
||||
| value / v-model | valor enlazado | string / number / boolean | — | — |
|
||||
| model-value / v-model | valor enlazado | string / number / boolean | — | — |
|
||||
| label | valor del Checkbox si es usado dentro de un tag `checkbox-group` | string / number / boolean | — | — |
|
||||
| true-label | valor del Checkbox si está marcado | string / number | — | — |
|
||||
| false-label | valor del Checkbox si no está marcado | string / number | — | — |
|
||||
@@ -260,7 +260,7 @@ Checkbox con estilo tipo Botón.
|
||||
### Atributos de Checkbox-group
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por Defecto |
|
||||
| ---------- | ---------------------------------------- | ------- | --------------------- | ----------- |
|
||||
| value / v-model | valor enlazado | array | — | — |
|
||||
| model-value / v-model | valor enlazado | array | — | — |
|
||||
| size | tamaño de los checkboxes de tipo botón o los checkboxes con border | string | medium / small / mini | — |
|
||||
| disabled | especifica si los checkboxes anidados están deshabilitados | boolean | — | false |
|
||||
| min | cantidad mínima de checkboxes que deben ser marcados | number | — | — |
|
||||
|
||||
@@ -115,7 +115,7 @@ Además de usar el atributo `title`, se puede personalizar el título del panel
|
||||
### Atributos de Collapse
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
| --------- | ------------------------------------- | ---------------------------------------- | ----------------- | ----------- |
|
||||
| value / v-model | panel activo | string (modo acordeón) / array (No modo acordeón) | — | — |
|
||||
| model-value / v-model | panel activo | string (modo acordeón) / array (No modo acordeón) | — | — |
|
||||
| accordion | especifica si activa el modo acordeón | boolean | — | false |
|
||||
|
||||
### Eventos de Collapse
|
||||
|
||||
@@ -108,7 +108,7 @@ ColorPicker es un selector de color que soporta varios formatos de color.
|
||||
### Atributos
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
| -------------- | ---------------------------------------- | ------- | --------------------- | ---------------------------------------- |
|
||||
| value / v-model | valor enlazado | string | — | — |
|
||||
| model-value / v-model | valor enlazado | string | — | — |
|
||||
| disabled | especifica si se deshabilita el ColorPicker | boolean | — | false |
|
||||
| size | tamaño del ColorPicker | string | — | medium / small / mini |
|
||||
| show-alpha | especifica si se muestra el control deslizante para el valor alpha | boolean | — | false |
|
||||
|
||||
@@ -396,7 +396,7 @@ Note, date time locale (month name, first day of the week ...) are also configed
|
||||
### Atributos
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
| ----------------- | ---------------------------------------- | ----------------- | ---------------------------------------- | -------------------- |
|
||||
| value / v-model | valor enlazado | date(DatePicker) / array(DateRangePicker) | — | — |
|
||||
| model-value / v-model | valor enlazado | date(DatePicker) / array(DateRangePicker) | — | — |
|
||||
| readonly | si DatePicker es solo de lectura | boolean | — | false |
|
||||
| disabled | si DatePicker esta deshabilitado | boolean | — | false |
|
||||
| size | tamaño del input | string | large/medium/small/mini | large |
|
||||
|
||||
@@ -193,7 +193,7 @@ DateTimePicker se deriva de DatePicker y TimePicker. Por una explicación más a
|
||||
### Atributos
|
||||
| Atributos | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
| ------------------ | ---------------------------------------- | ----------------- | ---------------------------------------- | -------------------- |
|
||||
| value / v-model | valor enlazado | date(DateTimePicker) / array(DateTimeRangePicker) | — | — |
|
||||
| model-value / v-model | valor enlazado | date(DateTimePicker) / array(DateTimeRangePicker) | — | — |
|
||||
| readonly | si DatePicker es solo de lectura | boolean | — | false |
|
||||
| disabled | si DatePicker esta deshabilitada | boolean | — | false |
|
||||
| editable | Si la entrada es editable | boolean | — | true |
|
||||
|
||||
@@ -172,7 +172,7 @@ Utilice el atributo `size` para establecer tamaños adicionales con `medium`, `s
|
||||
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
| ----------------- | ---------------------------------------- | ------- | ----------------- | ----------- |
|
||||
| modelValue / v-model | valor vinculado | number / undefined | — | 0 |
|
||||
| model-value / v-model | valor vinculado | number / undefined | — | 0 |
|
||||
| min | el valor mínimo permitido | number | — | `-Infinity` |
|
||||
| max | el valor maximo permitido | number | — | `Infinity` |
|
||||
| step | incremento (salto) | number | — | 1 |
|
||||
|
||||
@@ -622,7 +622,7 @@ export default defineComponent ({
|
||||
| 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 |
|
||||
| modelValue / v-model | valor enlazado | boolean / string / number | — | — |
|
||||
| model-value / v-model | valor enlazado | boolean / string / number | — | — |
|
||||
| maxlength | igual que `maxlength` en el input nativo | number | — | — |
|
||||
| minlength | igual que `minlength` en el input nativo | number | — | — |
|
||||
| show-word-limit | Si se muestra el contador de palabras, solamente funciona con los tipos `text` o `textarea` | boolean | — | false |
|
||||
|
||||
@@ -173,7 +173,7 @@ Radio con estilo de botón.
|
||||
|
||||
| Atributo | Descripción | Tipo | Valores Aceptado | Por defecto |
|
||||
| -------- | ---------------------------------------- | ------------------------- | --------------------- | ----------- |
|
||||
| value / v-model | valor enlazado | string / number / boolean | — | — |
|
||||
| model-value / v-model | valor enlazado | string / number / boolean | — | — |
|
||||
| label | el valor del Radio | string / number / boolean | — | — |
|
||||
| disabled | si el Radio está deshabilitado | boolean | — | false |
|
||||
| border | agregar borde alrededor del elemento Radio | boolean | — | false |
|
||||
@@ -192,20 +192,20 @@ Radio con estilo de botón.
|
||||
|
||||
| Atributo | Descripción | Tipo | Valores Aceptado | Valores por defecto |
|
||||
| ---------- | ---------------------------------------- | ------- | --------------------- | ------------------- |
|
||||
| value / v-model | valor enlazado | string / number / boolean | — | — |
|
||||
| model-value / v-model | valor enlazado | string / number / boolean | — | — |
|
||||
| size | tamaño de los `radio buttons` o `bordered radios` | string | medium / small / mini | — |
|
||||
| disabled | si la anidación de radios está deshabilitada | boolean | — | false |
|
||||
| text-color | color de las letras cuando el botón está activo | string | — | #ffffff |
|
||||
| fill | color del borde y fondo cuando el botón está activo | string | — | #409EFF |
|
||||
|
||||
### Eventos de Radio
|
||||
### Eventos de Radio
|
||||
|
||||
| Nombre de evento | Descripción | Parámetros |
|
||||
| ---------------- | --------------------------------- | ---------------------------------------- |
|
||||
| change | se dispara cuando el valor cambia | el valor del `label` del Radio seleccionado |
|
||||
|
||||
|
||||
### Eventos de Radio-group
|
||||
### Eventos de Radio-group
|
||||
|
||||
| Nombre de evento | Descripción | Parámetros |
|
||||
| ---------------- | --------------------------------- | ---------------------------------------- |
|
||||
|
||||
@@ -138,7 +138,7 @@ La calificación de solo lectura es para mostrar la puntuación. Soporta media e
|
||||
### Atributos
|
||||
| Atributo | Descripción | Tipo | Valores aceptado | Por defecto |
|
||||
| ------------------------ | ---------------------------------------- | ------- | ---------------- | ---------------------------------------- |
|
||||
| value / v-model | valor enlazado | number | — | 0 |
|
||||
| model-value / v-model | valor enlazado | number | — | 0 |
|
||||
| max | puntuación máxima | number | — | 5 |
|
||||
| disabled | si la calificación es de solo lectura | boolean | — | false |
|
||||
| allow-half | si escoger media estrella está permitido | boolean | — | false |
|
||||
|
||||
@@ -534,7 +534,7 @@ Si el valor de encuadernación de Select es un objeto, asegúrese de asignar `va
|
||||
### Select atributos
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
| -------------------- | ---------------------------------------- | -------- | ----------------- | ---------------- |
|
||||
| value / v-model | valor enlazado | string / number / boolean / object | — | — |
|
||||
| model-value / v-model | valor enlazado | string / number / boolean / object | — | — |
|
||||
| multiple | si multiple-select esta activo | boolean | — | false |
|
||||
| disabled | si Select esta deshabilitado | boolean | — | false |
|
||||
| collapse-tags | si se colapsan los tags a un texto cuando `multiple` es `true`. | boolean | — | false |
|
||||
|
||||
@@ -216,7 +216,7 @@ Se soporta la selección de un rango de valores.
|
||||
## Atributos
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
| ------------------- | ---------------------------------------- | --------------- | ----------------- | ----------- |
|
||||
| value / v-model | valor enlazado | number | — | 0 |
|
||||
| model-value / v-model | valor enlazado | number | — | 0 |
|
||||
| min | valor mínimo | number | — | 0 |
|
||||
| max | valor máximo | number | — | 100 |
|
||||
| disabled | si el Slider esta deshabitado | boolean | — | false |
|
||||
|
||||
@@ -196,7 +196,7 @@ Switch es utilizado para realizar cambios entre dos estados opuestos.
|
||||
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
| ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------- | ----------------- | ----------- |
|
||||
| value / v-model | valor vinculante, debe ser equivalente al `active-value` o al `inactive-value`. El tipo por defecto es el tipo `boolean`. | boolean / string / number | — | — |
|
||||
| model-value / v-model | valor vinculante, debe ser equivalente al `active-value` o al `inactive-value`. El tipo por defecto es el tipo `boolean`. | boolean / string / number | — | — |
|
||||
| disabled | si Switch esta deshabilitado | boolean | — | false |
|
||||
| loading | whether Switch is in loading state | boolean | — | false |
|
||||
| width | ancho del componente Switch | number | — | 40 |
|
||||
|
||||
@@ -194,7 +194,7 @@ Solo las pestañas de tipo tarjeta soportan adición y cierre.
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
this.editableTabsValue = activeName;
|
||||
this.editableTabs = tabs.filter(tab => tab.name !== targetName);
|
||||
}
|
||||
@@ -267,7 +267,7 @@ Solo las pestañas de tipo tarjeta soportan adición y cierre.
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
this.editableTabsValue = activeName;
|
||||
this.editableTabs = tabs.filter(tab => tab.name !== targetName);
|
||||
}
|
||||
@@ -280,7 +280,7 @@ Solo las pestañas de tipo tarjeta soportan adición y cierre.
|
||||
### Atributos de Pestañas
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
| -------------- | ------------------------------------ | ------- | --------------------- | --------------------------- |
|
||||
| value / v-model | valor enlazado, nombre de la pestaña seleccionada | string | — | nombre de la primer pestaña |
|
||||
| model-value / v-model | valor enlazado, nombre de la pestaña seleccionada | string | — | nombre de la primer pestaña |
|
||||
| type | tipo de Pestaña | string | card/border-card | — |
|
||||
| closable | si la Pestaña es cerrable | boolean | — | false |
|
||||
| addable | si la Pestaña es añadible | boolean | — | false |
|
||||
|
||||
@@ -106,7 +106,7 @@ Es posible escoger un rango de tiempo arbitrario.
|
||||
### Atributos
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
| ----------------- | ---------------------------------------- | ---------------------------------------- | ---------------------------------------- | -------------------- |
|
||||
| value / v-model | valor enlazado | Date | - | - |
|
||||
| model-value / v-model | valor enlazado | Date | - | - |
|
||||
| readonly | si el Time Picker está en modo de sólo lectura | boolean | — | false |
|
||||
| disabled | si el Time Picker se encuentra deshabilitado | boolean | — | false |
|
||||
| editable | si el input puede ser editado | boolean | — | true |
|
||||
|
||||
@@ -68,7 +68,7 @@ Si se escoge el tiempo de inicio al principio, el tiempo de finalización cambia
|
||||
### Atributos
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
| ----------------- | ---------------------------------------- | ---------------------------------------- | ---------------------------------------- | -------------------- |
|
||||
| value / v-model | valor enlazado | string | - | - |
|
||||
| model-value / v-model | valor enlazado | string | - | - |
|
||||
| editable | si el input puede ser editado | boolean | — | true |
|
||||
| clearable | si mostrar el botón de borrado | boolean | — | true |
|
||||
| size | tamaño del input | string | medium / small / mini | — |
|
||||
|
||||
@@ -185,7 +185,7 @@ Es necesario envolver los elementos de forma deshabilitados en un elemento conte
|
||||
| effect | tema del Tooltip | string | dark/light | dark |
|
||||
| content | contenido a mostrar, puede ser sobre-escrito por `slot#content` | string | — | — |
|
||||
| placement | posición del Tooltip | string | top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end | bottom |
|
||||
| value / v-model | visibilidad del Tooltip | boolean | — | false |
|
||||
| model-value / v-model | visibilidad del Tooltip | boolean | — | false |
|
||||
| disabled | saber si el Tooltip se encuentra deshabilitado | boolean | — | false |
|
||||
| offset | offset del Tooltip | number | — | 0 |
|
||||
| transition | nombre de animación | string | — | el-fade-in-linear |
|
||||
|
||||
@@ -227,7 +227,7 @@ Por defecto Transfer busca los atributos `key`, `label`, y `disabled` en cada el
|
||||
### Atributos
|
||||
| Atriburo | Descripcion | Tipo | Valores aceptados | Por defecto |
|
||||
| --------------------- | ---------------------------------------- | ------------------------------- | ----------------- | ---------------------------------------- |
|
||||
| value / v-model | valor enlazado | array | — | — |
|
||||
| model-value / v-model | valor enlazado | array | — | — |
|
||||
| data | Origen de datos | array[{ key, label, disabled }] | — | [ ] |
|
||||
| filterable | Si se puede filtrar | boolean | — | false |
|
||||
| filter-placeholder | Placeholder para el input del filtro | string | — | Enter keyword |
|
||||
|
||||
@@ -59,7 +59,7 @@ Note, date time locale (month name, first day of the week ...) are also configed
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|------------------ |-------------- |---------- |---------------------- |--------- |
|
||||
| value / v-model | Valeur liée. | Date | — | — |
|
||||
| model-value / v-model | Valeur liée. | Date | — | — |
|
||||
| range | Intervalle de dates, début et fin inclus. Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months. | [Date]Array | — | — |
|
||||
|
||||
### Slot dateCell
|
||||
|
||||
@@ -241,7 +241,7 @@ Des checkbox avec une apparence de bouton.
|
||||
### Attributs Checkbox
|
||||
| Attribut | Description | Type | Options | Défaut|
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | La valeur liée. | string / number / boolean | — | — |
|
||||
| model-value / v-model | La valeur liée. | string / number / boolean | — | — |
|
||||
| label | Valeur de la checkbox quand utilisée dans un `checkbox-group`. | string / number / boolean | — | — |
|
||||
| true-label | Valeur de la checkbox si cochée. | string / number | — | — |
|
||||
| false-label | Valeur de la checkbox si non cochée. | string / number | — | — |
|
||||
@@ -260,7 +260,7 @@ Des checkbox avec une apparence de bouton.
|
||||
### Attributs Checkbox-group
|
||||
| Attribut | Description | Type | Options | Défaut|
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | La valeur liée. | array | — | — |
|
||||
| model-value / v-model | La valeur liée. | array | — | — |
|
||||
|size | Taille des checkbox-boutons ou des checkbox avec bordure. | string | medium / small / mini | — |
|
||||
| disabled | Si les checkbox imbriquées sont désactivées. | boolean | — | false |
|
||||
| min | Nombre minimum de checkbox cochées. | number | — | — |
|
||||
|
||||
@@ -115,7 +115,7 @@ En plus de l'utilisation de l'attribut `title`, vous pouvez configurer les titre
|
||||
### Attributs de Collapse
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | Le panneau actuellement activé. | string (en mode accordéon) / array (en mode normal) | — | — |
|
||||
| model-value / v-model | Le panneau actuellement activé. | string (en mode accordéon) / array (en mode normal) | — | — |
|
||||
| accordion | Active le mode accordéon. | boolean | — | false |
|
||||
|
||||
### Évènements de Collapse
|
||||
|
||||
@@ -108,7 +108,7 @@ ColorPicker est un sélecteur de couleur qui supporte plusieurs formats.
|
||||
### Attributs
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | La valeur liée. | string | — | — |
|
||||
| model-value / v-model | La valeur liée. | string | — | — |
|
||||
| disabled | Désactive le ColorPicker. | boolean | — | false |
|
||||
| size | Taille du ColorPicker. | string | — | medium / small / mini |
|
||||
| show-alpha | Affiche la sélection du canal alpha. | boolean | — | false |
|
||||
|
||||
@@ -393,7 +393,7 @@ Note, date time locale (month name, first day of the week ...) are also configed
|
||||
### Attributs
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | La valeur liée. | date(DatePicker) / array(DateRangePicker) | — | — |
|
||||
| model-value / v-model | La valeur liée. | date(DatePicker) / array(DateRangePicker) | — | — |
|
||||
| readonly | Si le DatePicker est en lecture seule. | boolean | — | false |
|
||||
| disabled | Si le DatePicker est désactivé. | boolean | — | false |
|
||||
| size | Taille du champs. | string | large/medium/small/mini | large |
|
||||
|
||||
@@ -192,7 +192,7 @@ DateTimePicker est dérivé de DatePicker et TimePicker. Pour plus d'information
|
||||
### Attributs
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | La valeur liée. | date(DateTimePicker) / array(DateTimeRangePicker) | — | — |
|
||||
| model-value / v-model | La valeur liée. | date(DateTimePicker) / array(DateTimeRangePicker) | — | — |
|
||||
| readonly | Si le DatePicker est en lecture seule. | boolean | — | false |
|
||||
| disabled | Si le DatePicker est désactivé. | boolean | — | false |
|
||||
| editable | Si le champ est éditable. | boolean | — | true |
|
||||
|
||||
@@ -170,7 +170,7 @@ Utilisez l'attribut `size` pour régler la taille avec `medium`, `small` ou `min
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|----| ----| ---| ----| -----|
|
||||
| modelValue / v-model | La valeur liée. | number / undefined | — | 0 |
|
||||
| model-value / v-model | La valeur liée. | number / undefined | — | 0 |
|
||||
| min | La valeur minimale autorisée. | number | — | `-Infinity` |
|
||||
| max | La valeur maximale autorisée. | number | — | `Infinity` |
|
||||
| step | Le pas pour l'incrémentation. | number | — | 1 |
|
||||
|
||||
@@ -607,7 +607,7 @@ export default defineComponent ({
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
| ----| ----| ----| ---- | ----- |
|
||||
| type| Type de l'input. | string | text, textarea et autres [types d'input natifs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types) | text |
|
||||
| modelValue / v-model | Variable liée. | string / number | — | — |
|
||||
| model-value / v-model | Variable liée. | string / number | — | — |
|
||||
| maxlength| Identique à `maxlength` dans l'input natif. | number| — | — |
|
||||
| minlength| Identique à `minlength` dans l'input natif. | number | — | — |
|
||||
| show-word-limit | Affiche le nombre de caractères restant, ne marche que lorsque `type` est 'text' ou 'textarea'. | boolean | — | false |
|
||||
|
||||
@@ -175,7 +175,7 @@ Des radios affichés comme des boutons standards.
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
| ---- | ---- | ---- | ---- | ---- |
|
||||
| value / v-model | La valeur liée. | string / number / boolean | — | — |
|
||||
| model-value / v-model | La valeur liée. | string / number / boolean | — | — |
|
||||
| label | La valeur du radio. | string / number / boolean | — | — |
|
||||
| disabled | Si le radio est désactivé. | boolean | — | false |
|
||||
| border | Si une bordure doit être affichée autour du radio. | boolean | — | false |
|
||||
@@ -192,7 +192,7 @@ Des radios affichés comme des boutons standards.
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut
|
||||
| ---- | ---- | ---- | ---- | ---- |
|
||||
| value / v-model | La valeur liée. | string / number / boolean | — | — |
|
||||
| model-value / v-model | La valeur liée. | string / number / boolean | — | — |
|
||||
| size | Taille des radios. | string | medium / small / mini | —
|
||||
| disabled | Si les radios sont désactivés. | boolean | — | false
|
||||
| text-color | Couleur du texte quand le bouton est actif. | string | — | #ffffff |
|
||||
|
||||
@@ -139,7 +139,7 @@ Le score peut être en lecture seule. Les demi-étoiles sont supportées.
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | La valeur liée. | number | — | 0 |
|
||||
| model-value / v-model | La valeur liée. | number | — | 0 |
|
||||
| max | Score maximum. | number | — | 5 |
|
||||
| disabled | Si le score est en lecture seule. | boolean | — | false |
|
||||
| allow-half | Si les demi-étoiles sont autorisées. | boolean | — | false |
|
||||
|
||||
@@ -530,7 +530,7 @@ Si la valeur de Select est un objet, assurez-vous d'utiliser `value-key` comme i
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | La valeur liée. | string / number / boolean / object | — | — |
|
||||
| model-value / v-model | La valeur liée. | string / number / boolean / object | — | — |
|
||||
| multiple | Si la sélection multiple est activée. | boolean | — | false |
|
||||
| disabled | Si le sélecteur est désactivé. | boolean | — | false |
|
||||
| value-key | Identifiant unique pour la valeur, requis quand la valeur est un objet. | string | — | value |
|
||||
|
||||
@@ -213,7 +213,7 @@ Vous pouvez sélectionner des intervalles de valeurs au lieu d'une valeur unique
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | La valeur liée. | number | — | 0 |
|
||||
| model-value / v-model | La valeur liée. | number | — | 0 |
|
||||
| min | Valeur minimale. | number | — | 0 |
|
||||
| max | Valeur maximale. | number | — | 100 |
|
||||
| disabled | Si le Slider est désactivé. | boolean | — | false |
|
||||
|
||||
@@ -196,7 +196,7 @@ Switch est utilisé pour choisir entre deux états opposés.
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------- | ------------------------- | ----------------- | ------- |
|
||||
| value / v-model | Valeur liée. Elle doit être équivalente à `active-value` ou `inactive-value`, par défaut elle est de type `boolean`. | boolean / string / number | — | — |
|
||||
| model-value / v-model | Valeur liée. Elle doit être équivalente à `active-value` ou `inactive-value`, par défaut elle est de type `boolean`. | boolean / string / number | — | — |
|
||||
| disabled | Si le switch est désactivé. | boolean | — | false |
|
||||
| loading | whether Switch is in loading state | boolean | — | false |
|
||||
| width | Largeur du switch. | number | — | 40 |
|
||||
|
||||
@@ -281,7 +281,7 @@ Seuls les onglets de type carte supportent l'ajout et la suppression.
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | La valeur liée, nom de l'onglet sélectionné. | string | — | Nom du premier onglet. |
|
||||
| model-value / v-model | La valeur liée, nom de l'onglet sélectionné. | string | — | Nom du premier onglet. |
|
||||
| type | Type de l'onglet. | string | card/border-card | — |
|
||||
| closable | Si des onglets peuvent être supprimés. | boolean | — | false |
|
||||
| addable | Si des onglets peuvent être ajoutés. | boolean | — | false |
|
||||
|
||||
@@ -107,7 +107,7 @@ Vous pouvez également définir un intervalle libre.
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | La valeur liée. | Date | - | - |
|
||||
| model-value / v-model | La valeur liée. | Date | - | - |
|
||||
| readonly | Si TimePicker est en lecture seule. | boolean | — | false |
|
||||
| disabled | Si TimePicker est désactivé. | boolean | — | false |
|
||||
| editable | Si le champ d'input est éditable. | boolean | — | true |
|
||||
|
||||
@@ -69,7 +69,7 @@ Vous pouvez définir un intervalle de temps. Si l'horaire de début est sélecti
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | La valeur liée. | string | - | - |
|
||||
| model-value / v-model | La valeur liée. | string | - | - |
|
||||
| editable | Si le champ d'input est éditable. | boolean | — | true |
|
||||
| clearable | Si un bouton d'effacement doit être affiché. | boolean | — | true |
|
||||
| size | Taille du champ. | string | medium / small / mini | — |
|
||||
|
||||
@@ -230,7 +230,7 @@ Par défaut, Transfer utilise `key`, `label` et `disabled` de vos objets. Si vos
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | La valeur liée. | array | — | — |
|
||||
| model-value / v-model | La valeur liée. | array | — | — |
|
||||
| data | Données principales. | array[{ key, label, disabled }] | — | [ ] |
|
||||
| filterable | Si Transfer est filtrable. | boolean | — | false |
|
||||
| filter-placeholder | Placeholder du champ de filtrage. | string | — | Enter keyword |
|
||||
|
||||
@@ -58,7 +58,7 @@ Note, date time locale (month name, first day of the week ...) are also configed
|
||||
### 属性
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|-----------------|------------------- |---------- |---------------------- |--------- |
|
||||
| value / v-model | バインディング値 | Date/string/number | — | — |
|
||||
| model-value / v-model | バインディング値 | Date/string/number | — | — |
|
||||
| range | 開始時刻と終了時刻を含む時間範囲。開始時間は週の開始日、終了時間は週の終了日でなければならず、時間幅は2ヶ月を超えることはできません。 | Array | — | — |
|
||||
| first-day-of-week | 週の最初の日| Number | 1 to 7 | 1 |
|
||||
|
||||
|
||||
@@ -1910,7 +1910,7 @@ cascaderノードの内容をカスタマイズすることができます。
|
||||
### Cascader 属性
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | バインディング値 | - | — | — |
|
||||
| model-value / v-model | バインディング値 | - | — | — |
|
||||
| options | オプションのデータ、`Props`によって `value` と `label` のキーをカスタマイズすることができます。| array | — | — |
|
||||
| props | 構成オプションについては、次の表を参照してください。 | object | — | — |
|
||||
| size | インプットサイズ | string | medium / small / mini | — |
|
||||
@@ -1950,7 +1950,7 @@ cascaderノードの内容をカスタマイズすることができます。
|
||||
### CascaderPanelの属性
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | バインディング値 | - | — | — |
|
||||
| model-value / v-model | バインディング値 | - | — | — |
|
||||
| options | オプションのデータは、`Props`によって `value` と `label` のキーをカスタマイズすることができます。 | array | — | — |
|
||||
| props | 構成オプションについては、Propsの表を参照してください。 | object | — | — |
|
||||
|
||||
|
||||
@@ -127,7 +127,7 @@ checkboxを無効にした状態。
|
||||
|
||||
```html
|
||||
<template>
|
||||
<el-checkbox-group
|
||||
<el-checkbox-group
|
||||
v-model="checkedCities"
|
||||
:min="1"
|
||||
:max="2">
|
||||
@@ -241,7 +241,7 @@ checkboxを無効にした状態。
|
||||
### Checkbox属性
|
||||
| Attribute | Description | Type | Options | Default|
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | バインディング値 | string / number / boolean | — | — |
|
||||
| model-value / v-model | バインディング値 | string / number / boolean | — | — |
|
||||
| label | `checkbox-group` の中で使われる場合のcheckboxの値 | string / number / boolean | — | — |
|
||||
| true-label | checkboxがチェックされている場合は、checkboxの値 | string / number | — | — |
|
||||
| false-label | checkboxがチェックされていない場合のcheckboxの値 | string / number | — | — |
|
||||
@@ -260,7 +260,7 @@ checkboxを無効にした状態。
|
||||
### Checkboxグループの属性
|
||||
| Attribute | Description | Type | Options | Default|
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | バインディング値 | array | — | — |
|
||||
| model-value / v-model | バインディング値 | array | — | — |
|
||||
|size | checkboxのボタンや枠線の大きさ | string | medium / small / mini | — |
|
||||
| disabled | ネスティングcheckboxを無効にするかどうか | boolean | — | false |
|
||||
| min | checkboxの最小チェック数 | number | — | — |
|
||||
|
||||
@@ -115,7 +115,7 @@
|
||||
### Collapse属性
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | カレントアクティブパネル | string (accordion mode) / array (non-accordion mode) | — | — |
|
||||
| model-value / v-model | カレントアクティブパネル | string (accordion mode) / array (non-accordion mode) | — | — |
|
||||
| accordion | アコーディオンモードにするかどうか | boolean | — | false |
|
||||
|
||||
### Collapseイベント
|
||||
|
||||
@@ -109,7 +109,7 @@ color-pickerは、複数のカラーフォーマットに対応したカラー
|
||||
### 属性
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | バインディング値 | string | — | — |
|
||||
| model-value / v-model | バインディング値 | string | — | — |
|
||||
| disabled | color-pickerを無効にするかどうか | boolean | — | false |
|
||||
| size | color-pickerのサイズ | string | — | medium / small / mini |
|
||||
| show-alpha | アルファスライダーを表示するかどうか | boolean | — | false |
|
||||
|
||||
@@ -389,7 +389,7 @@ Note, date time locale (month name, first day of the week ...) are also configed
|
||||
### 属性
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | バインディング値 | date(DatePicker) / array(DateRangePicker) | — | — |
|
||||
| model-value / v-model | バインディング値 | date(DatePicker) / array(DateRangePicker) | — | — |
|
||||
| readonly | date-pickerが読み取り専用かどうか | boolean | — | false |
|
||||
| disabled | date-pickerが無効かどうか | boolean | — | false |
|
||||
| size | インプットサイズ | string | large/small/mini | — |
|
||||
|
||||
@@ -192,7 +192,7 @@ DateTimePickerはDatePickerとTimePickerから派生したものです。属性
|
||||
### 属性
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | バインディング値 | date(DateTimePicker) / array(DateTimeRangePicker) | — | — |
|
||||
| model-value / v-model | バインディング値 | date(DateTimePicker) / array(DateTimeRangePicker) | — | — |
|
||||
| readonly | DatePicker が読み取り専用かどうか | boolean | — | false |
|
||||
| disabled | DatePicker が無効かどうか | boolean | — | false |
|
||||
| editable | DatePicker が編集可能かどうか | boolean | — | true |
|
||||
|
||||
@@ -137,7 +137,7 @@ import { defineComponent, ref } from 'vue'
|
||||
### 属性
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | バインディング値 | number | — | 0 |
|
||||
| model-value / v-model | バインディング値 | number | — | 0 |
|
||||
| max | 最大レーティングスコア | number | — | 5 |
|
||||
| disabled | レートが読み取り専用かどうか | boolean | — | false |
|
||||
| allow-half | ピッキングハーフスタートが許可されているか | boolean | — | false |
|
||||
|
||||
@@ -527,7 +527,7 @@
|
||||
### 属性の選択
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | バインディング値 | string / number / boolean / object | — | — |
|
||||
| model-value / v-model | バインディング値 | string / number / boolean / object | — | — |
|
||||
| multiple | 複数セレクトが有効かどうか | boolean | — | false |
|
||||
| disabled | セレクトが無効になっているかどうか | boolean | — | false |
|
||||
| value-key | 値がオブジェクトの場合に必要な、値の一意の ID キー名 | string | — | value |
|
||||
|
||||
@@ -214,7 +214,7 @@
|
||||
## 属性
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | バインディング値 | number | — | 0 |
|
||||
| model-value / v-model | バインディング値 | number | — | 0 |
|
||||
| min | 最小値 | number | — | 0 |
|
||||
| max | 最大値 | number | — | 100 |
|
||||
| disabled | スライダーが無効になっているかどうか | boolean | — | false |
|
||||
|
||||
@@ -196,7 +196,7 @@
|
||||
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
| ------------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------- | --------------- | ------- |
|
||||
| value / v-model | バインド値は、"active-value "または "inactive-value "と等しくなければなりません。デフォルトの型は "boolean "です。 | boolean / string / number | — | — |
|
||||
| model-value / v-model | バインド値は、"active-value "または "inactive-value "と等しくなければなりません。デフォルトの型は "boolean "です。 | boolean / string / number | — | — |
|
||||
| disabled | スイッチが無効になっているかどうか | boolean | — | false |
|
||||
| loading | スイッチがロード中になっているかどうか | boolean | — | false |
|
||||
| width | スイッチの幅 | number | — | 40 |
|
||||
|
||||
@@ -194,7 +194,7 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
this.editableTabsValue = activeName;
|
||||
this.editableTabs = tabs.filter(tab => tab.name !== targetName);
|
||||
}
|
||||
@@ -267,7 +267,7 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
this.editableTabsValue = activeName;
|
||||
this.editableTabs = tabs.filter(tab => tab.name !== targetName);
|
||||
}
|
||||
@@ -280,7 +280,7 @@
|
||||
### タブの属性
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | バインディング値、選択されたタブの名前 | string | — | name of first tab |
|
||||
| model-value / v-model | バインディング値、選択されたタブの名前 | string | — | name of first tab |
|
||||
| type | タブの種類 | string | card/border-card | — |
|
||||
| closable | タブが閉じられるかどうか | boolean | — | false |
|
||||
| addable | タブの追加が可能かどうか | boolean | — | false |
|
||||
|
||||
@@ -106,7 +106,7 @@
|
||||
### 属性
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | バインディング値 | date | - | - |
|
||||
| model-value / v-model | バインディング値 | date | - | - |
|
||||
| readonly | タイムピッカーが読み取り専用かどうか | boolean | — | false |
|
||||
| disabled | タイムピッカーが無効になっているかどうか | boolean | — | false |
|
||||
| editable | 入力が編集可能かどうか | boolean | — | true |
|
||||
|
||||
@@ -68,7 +68,7 @@
|
||||
### Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | バインディング値 | - | - |
|
||||
| model-value / v-model | バインディング値 | - | - |
|
||||
| editable | 入力が編集可能かどうか | boolean | — | true |
|
||||
| clearable | クリアボタンを表示するかどうか | boolean | — | true |
|
||||
| size | 入力のサイズ | string | medium / small / mini | — |
|
||||
|
||||
@@ -227,7 +227,7 @@
|
||||
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | バインディング値 | array | — | — |
|
||||
| model-value / v-model | バインディング値 | array | — | — |
|
||||
| data | データソース | array[{ key, label, disabled }] | — | [ ] |
|
||||
| filterable | 転送がフィルタリング可能かどうか | boolean | — | false |
|
||||
| filter-placeholder | フィルタ入力のプレースホルダ | string | — | Enter keyword |
|
||||
|
||||
@@ -58,7 +58,7 @@
|
||||
### Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|-----------------|-------------- |---------- |------------ |-------- |
|
||||
| value / v-model | 绑定值 | Date | — | — |
|
||||
| model-value / v-model | 绑定值 | Date | — | — |
|
||||
| range | 时间范围,包括开始时间与结束时间。开始时间必须是周起始日,结束时间必须是周结束日,且时间跨度不能超过两个月。 | [Date]Array | — | — |
|
||||
|
||||
### dateCell scoped slot 参数
|
||||
|
||||
@@ -1890,7 +1890,7 @@
|
||||
### Cascader Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | 选中项绑定值 | - | — | — |
|
||||
| model-value / v-model | 选中项绑定值 | - | — | — |
|
||||
| options | 可选项数据源,键名可通过 `Props` 属性配置 | array | — | — |
|
||||
| props | 配置选项,具体见下表 | object | — | — |
|
||||
| size | 尺寸 | string | medium / small / mini | — |
|
||||
@@ -1930,7 +1930,7 @@
|
||||
### CascaderPanel Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | 选中项绑定值 | - | — | — |
|
||||
| model-value / v-model | 选中项绑定值 | - | — | — |
|
||||
| options | 可选项数据源,键名可通过 `Props` 属性配置 | array | — | — |
|
||||
| props | 配置选项,具体见下表 | object | — | — |
|
||||
|
||||
|
||||
@@ -240,7 +240,7 @@
|
||||
### Checkbox Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | 绑定值 | string / number / boolean | — | — |
|
||||
| model-value / v-model | 绑定值 | string / number / boolean | — | — |
|
||||
| label | 选中状态的值(只有在`checkbox-group`或者绑定对象类型为`array`时有效)| string / number / boolean | — | — |
|
||||
| true-label | 选中时的值 | string / number | — | — |
|
||||
| false-label | 没有选中时的值 | string / number | — | — |
|
||||
@@ -259,7 +259,7 @@
|
||||
### Checkbox-group Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | 绑定值 | array | — | — |
|
||||
| model-value / v-model | 绑定值 | array | — | — |
|
||||
| size | 多选框组尺寸,仅对按钮形式的 Checkbox 或带有边框的 Checkbox 有效 | string | medium / small / mini | — |
|
||||
| disabled | 是否禁用 | boolean | — | false |
|
||||
| min | 可被勾选的 checkbox 的最小数量 | number | — | — |
|
||||
|
||||
@@ -115,7 +115,7 @@
|
||||
### Collapse Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | 当前激活的面板(如果是手风琴模式,绑定值类型需要为`string`,否则为`array`) | string / array | — | — |
|
||||
| model-value / v-model | 当前激活的面板(如果是手风琴模式,绑定值类型需要为`string`,否则为`array`) | string / array | — | — |
|
||||
| accordion | 是否手风琴模式 | boolean | — | false |
|
||||
|
||||
### Collapse Events
|
||||
|
||||
@@ -108,7 +108,7 @@
|
||||
### Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | 绑定值 | string | — | — |
|
||||
| model-value / v-model | 绑定值 | string | — | — |
|
||||
| disabled | 是否禁用 | boolean | — | false |
|
||||
| size | 尺寸 | string | — | medium / small / mini |
|
||||
| show-alpha | 是否支持透明度选择 | boolean | — | false |
|
||||
@@ -120,4 +120,4 @@
|
||||
| 事件名称 | 说明 | 回调参数 |
|
||||
|---------- |-------- |---------- |
|
||||
| change | 当绑定值变化时触发 | 当前值 |
|
||||
| active-change | 面板中当前显示的颜色发生改变时触发 | 当前显示的颜色值 |
|
||||
| active-change | 面板中当前显示的颜色发生改变时触发 | 当前显示的颜色值 |
|
||||
|
||||
@@ -391,7 +391,7 @@
|
||||
### Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | 绑定值 | date(DatePicker) / array(DateRangePicker) | — | — |
|
||||
| model-value / v-model | 绑定值 | date(DatePicker) / array(DateRangePicker) | — | — |
|
||||
| readonly | 完全只读 | boolean | — | false |
|
||||
| disabled | 禁用 | boolean | — | false |
|
||||
| editable | 文本框可输入 | boolean | — | true |
|
||||
|
||||
@@ -191,7 +191,7 @@ DateTimePicker 由 DatePicker 和 TimePicker 派生,相关属性可以参照 D
|
||||
### Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | 绑定值 | date(DateTimePicker) / array(DateTimeRangePicker) | — | — |
|
||||
| model-value / v-model | 绑定值 | date(DateTimePicker) / array(DateTimeRangePicker) | — | — |
|
||||
| readonly | 完全只读 | boolean | — | false |
|
||||
| disabled | 禁用 | boolean | — | false |
|
||||
| editable | 文本框可输入 | boolean | — | true |
|
||||
|
||||
@@ -168,7 +168,7 @@
|
||||
### Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|----------|-------------- |----------|-------------------------------- |-------- |
|
||||
| modelValue / v-model | 绑定值 | number / undefined | — | 0 |
|
||||
| model-value / v-model | 绑定值 | number / undefined | — | 0 |
|
||||
| min | 设置计数器允许的最小值 | number | — | -Infinity |
|
||||
| max | 设置计数器允许的最大值 | number | — | Infinity |
|
||||
| step | 计数器步长 | number | — | 1 |
|
||||
|
||||
@@ -950,7 +950,7 @@ export default defineComponent ({
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|------------- |---------------- |---------------- |---------------------- |-------- |
|
||||
| type | 类型 | string | text,textarea 和其他 [原生 input 的 type 值](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types) | text |
|
||||
| modelValue / v-model | 绑定值 | string / number | — | — |
|
||||
| model-value / v-model | 绑定值 | string / number | — | — |
|
||||
| maxlength | 原生属性,最大输入长度 | number | — | — |
|
||||
| minlength | 原生属性,最小输入长度 | number | — | — |
|
||||
| show-word-limit | 是否显示输入字数统计,只在 `type = "text"` 或 `type = "textarea"` 时有效 | boolean | — | false |
|
||||
|
||||
@@ -177,7 +177,7 @@
|
||||
### Radio Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | 绑定值 | string / number / boolean | — | — |
|
||||
| model-value / v-model | 绑定值 | string / number / boolean | — | — |
|
||||
| label | Radio 的 value | string / number / boolean | — | — |
|
||||
| disabled | 是否禁用 | boolean | — | false |
|
||||
| border | 是否显示边框 | boolean | — | false |
|
||||
@@ -192,7 +192,7 @@
|
||||
### Radio-group Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | 绑定值 | string / number / boolean | — | — |
|
||||
| model-value / v-model | 绑定值 | string / number / boolean | — | — |
|
||||
| size | 单选框组尺寸,仅对按钮形式的 Radio 或带有边框的 Radio 有效 | string | medium / small / mini | — |
|
||||
| disabled | 是否禁用 | boolean | — | false |
|
||||
| text-color | 按钮形式的 Radio 激活时的文本颜色 | string | — | #ffffff |
|
||||
|
||||
@@ -132,7 +132,7 @@ import { defineComponent, ref } from 'vue'
|
||||
### Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | 绑定值 | number | — | 0 |
|
||||
| model-value / v-model | 绑定值 | number | — | 0 |
|
||||
| max | 最大分值 | number | — | 5 |
|
||||
| disabled | 是否为只读 | boolean | — | false |
|
||||
| allow-half | 是否允许半选 | boolean | — | false |
|
||||
|
||||
@@ -522,7 +522,7 @@
|
||||
### Select Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | 绑定值 | string / number / boolean / object | — | — |
|
||||
| model-value / v-model | 绑定值 | string / number / boolean / object | — | — |
|
||||
| multiple | 是否多选 | boolean | — | false |
|
||||
| disabled | 是否禁用 | boolean | — | false |
|
||||
| value-key | 作为 value 唯一标识的键名,绑定值为对象类型时必填 | string | — | value |
|
||||
|
||||
@@ -211,7 +211,7 @@
|
||||
### Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | 绑定值 | number | — | 0 |
|
||||
| model-value / v-model | 绑定值 | number | — | 0 |
|
||||
| min | 最小值 | number | — | 0 |
|
||||
| max | 最大值 | number | — | 100 |
|
||||
| disabled | 是否禁用 | boolean | — | false |
|
||||
|
||||
@@ -189,7 +189,7 @@
|
||||
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
| ------------------- | --------------------------------------------------------------------------- | ------------------------- | ------ | ------- |
|
||||
| value / v-model | 绑定值,必须等于`active-value`或`inactive-value`,默认为`Boolean`类型 | boolean / string / number | — | — |
|
||||
| model-value / v-model | 绑定值,必须等于`active-value`或`inactive-value`,默认为`Boolean`类型 | boolean / string / number | — | — |
|
||||
| disabled | 是否禁用 | boolean | — | false |
|
||||
| loading | 是否显示加载中 | boolean | — | false |
|
||||
| width | switch 的宽度(像素) | number | — | 40 |
|
||||
|
||||
@@ -192,7 +192,7 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
this.editableTabsValue = activeName;
|
||||
this.editableTabs = tabs.filter(tab => tab.name !== targetName);
|
||||
}
|
||||
@@ -265,7 +265,7 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
this.editableTabsValue = activeName;
|
||||
this.editableTabs = tabs.filter(tab => tab.name !== targetName);
|
||||
}
|
||||
@@ -278,7 +278,7 @@
|
||||
### Tabs Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | 绑定值,选中选项卡的 name | string | — | 第一个选项卡的 name |
|
||||
| model-value / v-model | 绑定值,选中选项卡的 name | string | — | 第一个选项卡的 name |
|
||||
| type | 风格类型 | string | card/border-card | — |
|
||||
| closable | 标签是否可关闭 | boolean | — | false |
|
||||
| addable | 标签是否可增加 | boolean | — | false |
|
||||
|
||||
@@ -107,7 +107,7 @@
|
||||
### Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | 绑定值 | date | — | — |
|
||||
| model-value / v-model | 绑定值 | date | — | — |
|
||||
| readonly | 完全只读 | boolean | — | false |
|
||||
| disabled | 禁用 | boolean | — | false |
|
||||
| editable | 文本框可输入 | boolean | — | true |
|
||||
|
||||
@@ -68,7 +68,7 @@
|
||||
### Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------------- |---------- |-------------------------------- |-------- |
|
||||
| value / v-model | 绑定值 | string | — | — |
|
||||
| model-value / v-model | 绑定值 | string | — | — |
|
||||
| editable | 文本框可输入 | boolean | — | true |
|
||||
| clearable | 是否显示清除按钮 | boolean | — | true |
|
||||
| size | 输入框尺寸 | string | medium / small / mini | — |
|
||||
|
||||
@@ -223,7 +223,7 @@
|
||||
### Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| value / v-model | 绑定值 | array | — | — |
|
||||
| model-value / v-model | 绑定值 | array | — | — |
|
||||
| data | Transfer 的数据源 | array[{ key, label, disabled }] | — | [ ] |
|
||||
| filterable | 是否可搜索 | boolean | — | false |
|
||||
| filter-placeholder | 搜索框占位符 | string | — | 请输入搜索内容 |
|
||||
|
||||
Reference in New Issue
Block a user