Vuejs2 vue.js中的复选框问题

我有下面的复选框

<div v-for="skill in skills">
  <div class="skill"> 
      <input type="checkbox" value="skill.skill_name" v-model="checkedSkills" @click="getVal()"/>
                <b>{{ skill.skill_name }}</b>
  </div>
</div>

{{skill.skill\u name}

---

如果我单击一个复选框，所有复选框都将被选中

首先，您应该绑定

值

属性，例如

否则，所有复选框都具有相同的静态值“skill.skill\u name”

其次，确保

checkedSkills

是一个数组，而不是单个标量值（请参阅）

data:{//如果函数是组件，请使用它
技能：[]，//或任何您拥有的初始数据
checkedSkills:[]//这是重要的一点
}

---

演示~

感谢@Phil的回复。我如何使用

v-model=“checkedSkills”

？很抱歉，我不明白你的问题