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

NombreDescripciónTipoPor defecto
model-value / v-modelvalor vinculadostring / number / boolean
value 2.6.0el valor de Radiostring / number / boolean
labelthe label of Radio. If there's no value, label will act as valuestring / number / boolean
disabledsi el radio está desactivadobooleanfalse
bordersi añadir un borde alrededor del radiobooleanfalse
sizetamaño del radioenum
nameatributo nativo namestring

Eventos de radio

NombreDescripciónTipo
changese dispara cuando el valor cambiaFunction

Slots de Radio

NombreDescripción
defaultpersonaliza el contenido por defecto

API de RadioGroup

Atributos del RadioGroup

NombreDescripciónTipoPor defecto
model-value / v-modelvalor enlazadostring / number / boolean
sizeel tamaño de los botones de radio o radios bordeadosstringdefault
disabledsi la anidación de radios está deshabilitadabooleanfalse
text-colorcolor de fuente cuando el botón está activostring#ffffff
fillcolor de borde y de fondo cuando el botón está activostring#409eff
validate-eventsi se activa la validación del formulariobooleantrue
label a11y deprecatedigual que aria-label en RadioGroupstring
aria-label a11y 2.7.2same as aria-label in RadioGroupstring
nameatributo nativo namestring
idatributo nativo idstring

Eventos RadioGroup

NombreDescripciónTipo
changese dispara cuando el valor cambiaFunction

Slots de RadioGroup

NombreDescripciónSubtags
defaultpersonaliza el contenido por defectoRadio / RadioButton

API RadioButton

Atributos de RadioButton

NombreDescripciónTipoPor defecto
value 2.6.0el valor de Radiostring / number / boolean
labelthe label of Radio. If there's no value, label will act as valuestring / number / boolean
disabledsi el radio está desactivadobooleanfalse
nameatributo 'name' nativostring

Slots de RadioButton

NombreDescripción
defaultpersonaliza el contenido por defecto

Fuente

ComponentesDocumentación

Contribuidores