Vue checkBox 勾选对象的疑惑

Question

在下列的代码中新增行 勾选复选框会导致其他的复选框一起勾上请问这是怎么回事如何解决?谢谢<template><div>  <div v-for="(v,i) in dataList">    <input v-model="checkedList" :value="v" type="checkbox"/>{{v.s}}  </div>  <button @click="addRow">addRow</button></div></template><script>export default{  data () {    return {      checkedList: [],      dataList: []    }  },  methods:{    addRow(){      let d={s:new Date()};      this.dataList.push(d);    }  }}</script>

Answer 1

<input v-model="**checkedList**" :value="v" type="checkbox"/>

都绑定checkedList一个对象上当然会这样
改成这样试试

<input v-model="checkedList[i]" :value="v" type="checkbox"/>

addRow()中加一句

this.checkedList.push(false);