vue实现全选/单选

//未开票单选
selectedTap(item, index) {
  if (typeof item.isChecked == 'undefined') {
    this.$set(item, 'isChecked', true);
  } else {
    item.isChecked = !item.isChecked;
  }
  let maxlen = this.notinvoicedList.length;
  let count = 0;
  this.notinvoicedList.forEach(item => {
    if (item.isChecked) count++;
  })
  if (count == maxlen) {
    this.checkAllFlag = true;
  } else {
    this.checkAllFlag = false;
  }

},
//未开票全选
selectedAll(e, index) {
  this.checkAllFlag = !this.checkAllFlag
  this.notinvoicedList.forEach(item => {
    this.selectedTap(item, index);
  });
}

//单选

<div class="checkbox">
  <img :src="item.isChecked?  '../../static/select-icon.png':'../../static/selected-icon.png'" alt=""
       mode="widthFix" @click="selectedTap">
</div>

//全选
<div class="checkbox" @click="selectedAll">
  <img :src="checkAllFlag?  '../../static/select-icon.png':'../../static/selected-icon.png'" alt=""
       mode="widthFix">
  <span class="marginlft10">全选</span>
</div>