vue 单选框，复选框状态获取

2019独角兽企业重金招聘Python工程师标准>>>

 <li class='caseList' v-for="(items, index) in itemsOne">
      <span>
             <input type="checkbox" v-bind:id="'itemsOne'+index" :value="items.id" v-model="checkedNames">
             <label class="labelCase" :for="'itemsOne'+index">{{items.title}}</label>
      </span>
     <i class="icon iconfont icon-checked">这里如果input选中icon-checked不显示</i>
 </li>

普通方案

<i class="icon iconfont" :class="{'icon-checked': !checkedNames}">这里如果input选中icon-checked不显示</i>

如果checkNames是数组的话，可以用indexOf判断里面是否包含value。

升级版方案

<i class="icon iconfont" :class="{'icon-checked': checkNames.indexOf(item.id)==-1}">这里如果input选中icon-checked不显示</i>

转载于:https://my.oschina.net/zhangyafei/blog/1546008