[Vuejs]-Vue.js + vuetify radio buttons do not work when they have the same values

by

0👍

VueJs does optimize the rendering to be small as possible. Add a :key to your radio box:

<v-radio label="Radio 1" value="radio-1" :key="1"></v-radio>
<v-radio label="Radio 2" value="radio-1" :key="2"></v-radio>
👤CodeTherapist

0👍

” elements of type radio are generally used in radio groups—collections of radio buttons describing a set of related options. Only one radio button in a given group can be selected at the same time. “

Assign the same name to each radio in the group:

<v-radio label="Radio 1" value="radio-1" name="price-1"></v-radio>
<v-radio label="Radio 2" value="radio-1" name="price-1"></v-radio>
👤user320487

Leave a comment