vue复选框如何绑定

循环版本

1. 多选框选没选中又flag数组，决定
2. 数组里面的值就是 就是value绑定的值
3. 点击选中和没选中不用管，应为是自动的
4. 只需要检测数组里面的值就可以了

js代码
      flag: [],
      fruitdata: [{ i: "pg" }, { i: "xj" }, { i: "tz" }],
  
 html模板模板
 <div v-for="(v, index) in fruitdata" :key="index">
     <input type="checkbox" v-model="flag" :value="v.i" />{{ v.i }}
 </div>

不是循环版本

js代码
  flag: [],
  html模板代码
 <input type="checkbox" v-model="flag" value="123" />苹果
 <input type="checkbox" v-model="flag" value="1234" />香蕉
 <input type="checkbox" v-model="flag" value="1235" />桃子s

多选框多个绑定数组，单个绑定布尔值

如果是对象形式的多选框

<input type="checkbox" v-model="data.check" />
绑定对象里面的布尔值，会自动检测变化