Vue.js实现checkbox多选

我要做一个当对选的时候数据放入到一个数组中，或者将对象放到数组中，

 在vue的时候实现CheckBox的多选，value中的值就是要push到数组中的值，而v-model中的就是数组

 <input type="checkbox" id="111" value="111" v-model="checkedNames">
 <input type="checkbox" id="222" value="222" v-model="checkedNames"> 
 <input type="checkbox" id="333" value="333" v-model="checkedNames">

elementui 这样就可以选择传的值并且傍边都显示中文

 <li v-for="ele in item.children" :key="ele.id" style=" width: 83px;">
                  <el-checkbox
                    id="elcheckbox"
                    @change.self=" ele.checked = !ele.checked; "
                    v-model="checkList"
                    :checked="ele.checked"
                    :label="ele.JDDYID"
                    style
                  ></el-checkbox>
                  <span class="name">{{ ele.JDMC }}</span>
                </li>

#elcheckbox>.el-checkbox__label {
  display: none;
}

#elcheckbox,
.el-checkbox:last-of-type {
  margin-right: 5px !important;
}