在Vue.js 2.0中，当复选框被选中时，如何为父元素添加类

Question

是否可以使用复选框的复选状态来添加类到父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) }"