title: Vue 3 - radio input not checked after click
body: <p>I have some questions that are using radio buttons for the answers.
  The problem is that after the click on an answer the clicked radio input will be not checked and I'm also unable to disable the others. I'm using Vue 3 for the front-end and nodejs for the back-end.
  Is there any fix for this?</p>
  <pre class="lang-html prettyprint-override"><code>      &lt;div class=&quot;col-8 p-0 mx-auto&quot; v-for=&quot;(item, index) in questions&quot; :key=&quot;index&quot;&gt;
          &lt;div class=&quot;card text-dark bg-light mb-3&quot;&gt;
            &lt;div class=&quot;card-header&quot;&gt;{{ index }}&lt;/div&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;h5 class=&quot;card-title&quot;&gt;{{ item.question }}&lt;/h5&gt;
              &lt;div class=&quot;form-check&quot; v-for=&quot;(choice, index) in item.choices&quot; :key=&quot;index&quot;&gt;
                &lt;input class=&quot;form-check-input&quot; type=&quot;radio&quot; name=&quot;index&quot; :id=&quot;index&quot; :value=&quot;index&quot; v-model=&quot;answers&quot; @click.prevent=&quot;updateAnswers(index)&quot; &gt;
                &lt;label class=&quot;form-check-label&quot; :for=&quot;index&quot;&gt;{{ choice }}&lt;/label&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  <p>my component js code:</p>
  <pre class="lang-js prettyprint-override"><code>&lt;script&gt;
  import axios from 'axios';
  
  export default {
    name: 'App',
    data(){
      return {
        isLoading: true,
        questions: [],
        answers: []
      }
    },
    mounted(){
      this.init();
    },
    methods: {
      init(){
        axios({
          method: 'GET',
          url: 'http://localhost:8990/init'
        }).then( (res) =&gt; {
          console.log(res.data);
          this.questions = res.data;
          console.log(this.questions);
          this.isLoading = false;
        });
      },
      updateAnswers(value){
  // here I'm pushing the clicked radio value into answers array
      this.answers.push(value);
      }
    }
  }
  &lt;/script&gt;
  </code></pre>