ElementUI中Checkbox复选框点击一个导致全选的问题解决

Element Checkbox 多选框点击一个导致全选

<el-form-item label="涉及事项" prop="checkList">
	<el-checkbox-group v-model="projBascInfoShow.checkList" prop="checkList">
		<el-checkbox label="1" key="1">供水</el-checkbox>
		<el-checkbox label="2" key="2">供热</el-checkbox>
		<el-checkbox label="3" key="3">供气</el-checkbox>
		<el-checkbox label="4" key="4">通信</el-checkbox>
		<el-checkbox label="5" key="5">排水</el-checkbox>
	</el-checkbox-group>
</el-form-item>
data: function(){
	return{
		projBascInfoShow: {
	        checkList: [],
	        checkText: '',
		}
	}
}

在返回数据的时候也要注意是Array格式,如果数据库是用逗号分隔的。那么在返回赋值的时候要这样写:

_that.projBascInfoShow.checkList = result.content.checkList.split(',');

官方文档指出:el-checkBox-group的属性必须是Array类型。而我原本是没有写的