vue.js + element-ui之el-checkbox使用学习

记录在使用checkbox过程中的错误：数据无法显示问题：

在使用el-checkbox-group的时候，使用v-model进行数据绑定，若v-model绑定的数据为 null 或者 未定义 或者 不为数组 ，则会导致checkbox组件无法显示，也就是数据显示异常。

在进行数据绑定的时候，要确保v-model中绑定的数据正确。

而且v-model中绑定的值需是数组，因为checkbox需要支持多选，所以需要值为数组才能存储。

 

或者可以不用el-check-group，直接

<el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox>

文章只是记录，自己在学习过程中遇到的问题，以及自己的解决方法，如果你遇到相同问题，可以帮助到你，那么文章价值就体现出来了，希望大家一起进步。