Skip to content

Botón de radio ​

En el Mini Programa es view dibujado a medida

No se usa el componente radio nativo (en MP los estilos no se pueden controlar); en su lugar se dibuja el punto con view.

Uso básico ​

vue
<template>
  <lh-radio-group v-model="value">
    <lh-radio value="a" label="Opción uno" />
    <lh-radio value="b" label="Opción dos" />
    <lh-radio value="c" label="Opción tres" disabled />
  </lh-radio-group>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const value = ref('a')
</script>

Radio Props ​

PropDescripciónTipoPredeterminado
modelValue (v-model)Si está seleccionadounknown—
valueEl valor de este elementounknown—
labelTextostring—
disabledDesactivadobooleanfalse
namename nativostring—
sizeTamaño'small' | 'medium' | 'large'—
customClassClase personalizadastring—
sxProps rápidas de disposiciónLhSxProps—

RadioGroup Props ​

PropDescripciónTipoPredeterminado
modelValue (v-model)Valor seleccionadounknown—
disabledDesactiva todos los elementos hijosbooleanfalse
namename nativostring—
sizeTamaño (se propaga a los elementos hijos)'small' | 'medium' | 'large'—

Events ​

EventoDescripciónParámetros de la retrollamada
update:modelValueCambio de valor(value)
changeCambio de valor(value)