Estaba tratando de establecer el valor de un botón de opción como booleano y almacenar este valor, pero cuando lo hice, no pareció funcionar.
<v-radio-group v-model="test" class="pl-2"> <v-radio label="Yes" value="true" > </v-radio> </v-radio-group> Finalmente pude hacerlo funcionar cuando usé V-Binding para el value :
<v-radio-group v-model="test" class="pl-2"> <v-radio label="Yes" :value="true" > </v-radio> </v-radio-group>¿Alguien puede explicar por qué este es el caso? Siento que me falta algo en la documentación: https://vuejs.org/v2/guide/forms.html#Radio-1
Estamos usando la API de composición, el marco Nuxt y Vuetify (no estoy seguro de si eso importa)
Los atributos son cadenas por defecto , por lo que en el primer caso de:
<v-radio value="true"> ... el apoyo de value en realidad se establece en la cadena "true" .
En el segundo caso de:
<v-radio :value="true"> ...la directiva v-bind se evalúa como true como una expresión de JavaScript y asigna el value Boolean resultante a la propiedad de valor.