vue子元素遍历，根据遍历结果修改父元素class?

Question

 <ul class="fieldBox">
  <li v-for="(kv,idx) in v.valueName" :key="idx">
     <Checkbox v-model="kv.value">{{kv.value}}</Checkbox>
  </li>
</ul>

我想要在li元素遍历之后，用户点击kv.value值变为true或false,当true时，ul的class增加一个“ul-li”的class，即给ul增加一个边框，该如何实现？
++++++++++++++++++++++++++++++++++++++++++++++

我可以给checkbox绑定一个onchange事件，对checkbox双向绑定，但是整个ul以及所有的li都是被遍历出来的，如何绑定多个？

Answer 1

<ul class="fieldBox">
<li v-for="(kv,idx) in v.valueName" :key="idx">

 <Checkbox :selected="kv.selected">{{kv.value}}</Checkbox>

</li>
</ul>
//v.valueName 数组中每个对象中加入selected：false;
//根据v.valueName对象里面selected为true的length来判断要不要给ul加 active即选中效果