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&nbsp;v-model="**checkedList**"&nbsp;:value="v"&nbsp;type="checkbox"/>都绑定checkedList一个对象上当然会这样改成这样试试<input&nbsp;v-model="checkedList[i]"&nbsp;:value="v"&nbsp;type="checkbox"/>addRow()中加一句this.checkedList.push(false);