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