Как создать флажок с тем же значением на VUE .JS

Question

как сделать один из флажков истинным, не все сбывается, вот как флажок имеет одинаковое значение, если я верен, все они не следуют истине его myCode

 <section id="app">
<table>
<tr>
    <td> <input type="checkbox" true-value="1" false-value="0" v-model="ai"></td>
    <td> <input type="checkbox" true-value="1" false-value="0" v-model="ai"></td>
    <td> <input type="checkbox" true-value="1" false-value="0" v-model="ai"></td>
    <td> <input type="checkbox" true-value="1" false-value="0" v-model="ai"></td>
    <td> <input type="checkbox" true-value="1" false-value="0" v-model="ai"></td>
    <td>{{ai}}</td>
</tr>

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
<script>
   const app = new Vue({
     el: '#app',
    data: {
          ai: ''
        }
    })
</script>

Answer 1

Вам нужно изменить ai: '' на ai: []

С

data: {
  ai: ''
}

на

data: {
  ai: []
}

Вы можете увидеть пример в документация