SOURCE

export default {
  components: {
  },
  props:{
  },
  methods:{
    checkedAll: function() {
      var _this = this;
      console.log(_this.checkboxModel);
      //实现反选
      if (_this.checkboxModel.length === _this.checkboxData.length) {
        _this.checkboxModel = [];
      } else {//实现全选
        _this.checkboxModel = [];
        _this.checkboxData.forEach(function(item) {
          _this.checkboxModel.push(item.id);
        });
      }
    }

  },
  data () {
    return {
      checkboxData:[
      {
        id:'1',
        value:'苹果'
      },{
        id:'2',
        value:'荔枝'
      },{
        id:'3',
        value:'香蕉'
      },{
        id:'4',
        value:'火龙果'
      }],
      checkboxModel:['1','4']
    }
  }
}

<template>
    <div>
      <input type='checkbox' class='input-checkbox' v-model='checked' v-on:click='checkedAll'>全选
      <template v-for='checkb in checkboxData'>
         <input type='checkbox' name='checkboxinput' class='input-checkbox' v-model='checkboxModel' value='{{checkb.id}}'>{{checkb.value}}
      </template>
    </div>
</template>