fix: 下拉列表单选框不能取消

This commit is contained in:
fit2cloud-chenyw 2021-12-28 17:00:34 +08:00
parent f47609fce5
commit 7ebb9b3be4

View File

@ -23,7 +23,9 @@
<div v-else class="radio-group-container">
<el-radio-group v-model="value" @change="changeRadioBox">
<el-radio v-for="(item, index) in datas" :key="index" :label="item.id">{{ item.id }}</el-radio>
<el-radio v-for="(item, index) in datas" :key="index" :label="item.id" @click.native.prevent="testChange(item)">
<span>{{ item.id }}</span>
</el-radio>
</el-radio-group>
</div>
@ -209,6 +211,10 @@ export default {
this.checkAll = checkedCount === this.datas.length
this.isIndeterminate = checkedCount > 0 && checkedCount < this.datas.length
this.changeValue(values)
},
testChange(item) {
this.value = this.value === item.id ? null : item.id
this.changeRadioBox(this.value)
}
}