element ui 中的chekbox 哪个属性是让它取消勾选啊？

Question

{{city.name}}
点击的时候，会勾选！
然后我设置了一个子组件，用来显示勾选的内容！
:key="index"
v-show="item.selected"@click="remove(index)">
{{item.name}}
remove:function(i){
this.ipTm[i].selected=false
this.$emit('vbl',this.ipTm[i].selected)传给父组件的是一个false
console.log(i,1111)
console.log(i,2222)
}
然后我点击子组件显示的文字想让父组件的。。被勾选中的内容，去掉勾选！

Answer 1

element给出了选中和取消的属性isIndeterminate,通过change事件改变该属性的boolean的属性值贴上代码全选{{city}}constcityOptions=['上海','北京','广州','深圳'];exportdefault{data(){return{checkAll:false,checkedCities:['上海','北京'],cities:cityOptions,isIndeterminate:true};},methods:{handleCheckAllChange(val){this.checkedCities=val?cityOptions:[];this.isIndeterminate=false;},handleCheckedCitiesChange(value){letcheckedCount=value.length;this.checkAll=checkedCount===this.cities.length;this.isIndeterminate=checkedCount>0&&checkedCount

Answer 2

checkbox加个v-model="city.check",每个aras的数据添加一个{check:false}$emit把index和this.ipTm[i].selected传过去，$on接收，然后this.aras[传过来的index].check=传过来的selected