el-checkbox-group 默认选中失效

<el-checkbox-group v-model="componentList" size="mini" :change="setExtend()">
  <el-checkbox-button v-for="item in extendList" :label="item" :key="item.id">
    {{ item.meno }}
  </el-checkbox-button>
</el-checkbox-group>

问题原因

绑定对象时回显的时候要注意： v-model="brandCheckList" 这个数组里面的元素要和 el-checkbox 的循环数据源 Economics 数组内的元素内存地址要一致。作为对象的时候，v-model无法赋值给初始化。

解决方法

只用el-checkbox循环，不用el-checkbox-group

<div v-for="item in componentList" :label="item" :key="item.id">
  <el-checkbox v-model="item.isChecked" :change="setExtend()">
    {{ item.meno }}
  </el-checkbox>
</div>

参考

- element ui 中 el-checkbox-group 如何设置默认选中

• vue+element-ui实现多选框绑定数组对象