在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ Vue checkBox 勾選對(duì)象的疑惑

Vue checkBox 勾選對(duì)象的疑惑

在下列的代碼中新增行 勾選復(fù)選框會(huì)導(dǎo)致其他的復(fù)選框一起勾上
請(qǐng)問這是怎么回事如何解決?謝謝
<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>

回答
編輯回答
孤影
<input v-model="**checkedList**" :value="v" type="checkbox"/>

都綁定checkedList一個(gè)對(duì)象上當(dāng)然會(huì)這樣
改成這樣試試

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

addRow()中加一句

this.checkedList.push(false);
2017年10月15日 03:21