Javascript 如何在vue.js上创建具有相同值的复选框

Javascript 如何在vue.js上创建具有相同值的复选框,javascript,vue.js,checkbox,Javascript,Vue.js,Checkbox,我如何使其中一个复选框为真并不是所有复选框都为真,这就是复选框具有相同值的方式,如果我为真,则所有复选框都不符合真 它的真菌编码 <section id="app"> <table> <tr> <td> <input type="checkbox" true-value="1" false-value="0" v-model="ai"></td> <td> <input type="che

我如何使其中一个复选框为真并不是所有复选框都为真,这就是复选框具有相同值的方式,如果我为真,则所有复选框都不符合真 它的真菌编码

 <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>

{{ai}}


const app=新的Vue({
el:“#应用程序”,
数据:{
ai:'
}
})

您需要将
ai:'
更改为
ai:[]


您可以看到,

中的示例,请您重新表述您的问题好吗?我不明白你的要求?目前所有的复选框共享相同的值。您实际需要什么功能?
<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>
data: {
  ai: ''
}
data: {
  ai: []
}