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-group>
</el-form-item>

data: function(){
	return{
		projBascInfoShow: {
	        checkList: [],
	        checkText: '',
		}
	}
}

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

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

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

点击复选框没有效果

如果出现点击没有效果，不改变，控制台不报错的情况，可以尝试以下方法解决。

 <el-checkbox-group v-model="projInfoModel.checkList" @input="updateValue()">
  <el-checkbox label="1" key="1">供水报装</el-checkbox>
  <el-checkbox label="2" key="2">供热报装</el-checkbox>
</el-checkbox-group>

methods:{
  updateValue: function () {
    this.$forceUpdate();
  },
}