解决el-checkbox-group 的v-model无法绑定对象数组

　　elementUI官方文档中el-checkbox-group组件绑定的都为一维数组，真实业务中数据绑定往往是多个键值对的对象数组，本文主要解决这个问题。

如下代码：

<el-checkbox-group class="title-list" v-model="selTitles" @change='selchange'

>
　　<el-checkbox class="titles" v-for='(allItem, allItemIndex) in allTitles' :label="allItem" :key="allItem.value">{{allItem.lable}}</el-checkbox> </el-checkbox-group>

data () {

    return {

      selTitles: [{

          value: 'sex',

          lable: '性别'

        },{

          value: 'status',

          lable: '检查状态'

        },], // 已选择列

      allTitles: [

        {

          value: 'status',

          lable: '检查状态'

        },

        {

          value: 'name',

          lable: '姓名',

        },

        {

          value: 'sex',

          lable: '性别'

        },

        {

          value: 'age',

          lable: '年龄'

        }

      ], // 全部列

    };

  }

直接将el-checkbox的lable属性绑定为数组的每一项元素，在chang事件selchange中就能获取到被选中项目的全信息，包括value、label,此时会发现设置初始选中选项会设置不上，并且初始设入selTitles中的选项，页面显示并未选中，但勾选时第一次勾选不上，第二次才能勾选上，由此现象认为可能是elementui的bug，或者说人组件库压根就不支持el-checkbox-group组件绑定的对象数组，但每次选择项目改变还需要转换下数据实在是脑壳疼，所有就想着直接改组件库底层代码岂不快哉！

初始设入selTitles中的选项，勾选时第一次勾选不上，第二次才能勾选上，猜想可能数据已经设入被选项了，只是页面未显示选中，审查元素发现有个is-checked控制页面显示选中，于是捋到了源码中的如下代码：

更改步骤

1、从github上获取elementUI源码，安装依赖，

2、将上图两个组件（packages\checkbox\src\目录中）中画红框代码换为如下代码即可

return this.model.indexOf(this.label) > -1 || JSON.stringify(this.model).indexOf(JSON.stringify(this.label)) > -1;

3、运行命令：npm run dist,将生成的lib包替换项目node-module的elementui 文件夹中的lib

ok,接下来就可以随心所欲了！