Radio
WARNING
label
act as value
has been deprecated, label
is used only as display text, this action will be removed in 3.0.0, consider switching to new API.
New API value
has been added in 2.6.0, you can use value
API to set the value of Radio.
Selección única entre múltiples opciones.
Uso básico
La radio no debería tener demasiadas opciones. De lo contrario, utilice el componente Select en su lugar.
Deshabilitar
El atributo disabled
es utilizado para deshabilitar un Radio.
Grupo de elementos Radio
Recomendado para seleccionar opciones que se excluyen mutuamente.
Estilo del botón
Radio con estilo de botón.
Con bordes
API de Radio
Atributos de radio
Nombre | Descripción | Tipo | Por defecto |
---|---|---|---|
model-value / v-model | valor vinculado | string / number / boolean | — |
value 2.6.0 | el valor de Radio | string / number / boolean | — |
label | the label of Radio. If there's no value , label will act as value | string / number / boolean | — |
disabled | si el radio está desactivado | boolean | false |
border | si añadir un borde alrededor del radio | boolean | false |
size | tamaño del radio | enum | — |
name | atributo nativo name | string | — |
Eventos de radio
Nombre | Descripción | Tipo |
---|---|---|
change | se dispara cuando el valor cambia | Function |
Slots de Radio
Nombre | Descripción |
---|---|
default | personaliza el contenido por defecto |
API de RadioGroup
Atributos del RadioGroup
Nombre | Descripción | Tipo | Por defecto |
---|---|---|---|
model-value / v-model | valor enlazado | string / number / boolean | — |
size | el tamaño de los botones de radio o radios bordeados | string | default |
disabled | si la anidación de radios está deshabilitada | boolean | false |
text-color | color de fuente cuando el botón está activo | string | #ffffff |
fill | color de borde y de fondo cuando el botón está activo | string | #409eff |
validate-event | si se activa la validación del formulario | boolean | true |
label a11y deprecated | igual que aria-label en RadioGroup | string | — |
aria-label a11y 2.7.2 | same as aria-label in RadioGroup | string | — |
name | atributo nativo name | string | — |
id | atributo nativo id | string | — |
Eventos RadioGroup
Nombre | Descripción | Tipo |
---|---|---|
change | se dispara cuando el valor cambia | Function |
Slots de RadioGroup
Nombre | Descripción | Subtags |
---|---|---|
default | personaliza el contenido por defecto | Radio / RadioButton |
API RadioButton
Atributos de RadioButton
Nombre | Descripción | Tipo | Por defecto |
---|---|---|---|
value 2.6.0 | el valor de Radio | string / number / boolean | — |
label | the label of Radio. If there's no value , label will act as value | string / number / boolean | — |
disabled | si el radio está desactivado | boolean | false |
name | atributo 'name' nativo | string | — |
Slots de RadioButton
Nombre | Descripción |
---|---|
default | personaliza el contenido por defecto |