如何在 Vue.js 2.0 中选中复选框时将 class 添加到父元素

Question

是否可以使用复选框的选中状态将 class 添加到父级 div？如果没有，怎么办？这是代码：

<div
   class="checkbox-container"
   v-for="item in items"
   :key="item.id"
   :class="{'checked': checkbox.checked}" // I wanna do something like that
>
   <input type="checkbox" :id="item.id" :value="item.value" v-model="checkedItems">
   <label :for="item.id">{{ item.text }}</label>
</div>

Answer 1

只需使用 v-model

中的值

:class="{'checked': checkedItems.includes(item.value) }"

如何在 Vue.js 2.0 中选中复选框时将 class 添加到父元素

How to add a class to parent element when checkbox is checked in Vue.js 2.0

javascript

vue.js

vuejs2