uniapp 内置radio组件明确表示,不能取消选中,那如果要实现取消选中呢?
只要在外层加上label或者其他标签包裹,或者直接加入@click事件然后加入事件控制radio的值改变即可
<label class="radio" @click="changeAll">
<radio class="radio" :value="allChecked" :checked="allChecked" color="#bc2840" style="transform:scale(0.9)"/>
</label>
...
<radio class="radio" @click="changeAll" :value="allChecked" :checked="allChecked" color="#bc2840" style="transform:scale(0.9)"/>
data() {
return {
allChecked: true
};
},
...
changeAll(){
this.allChecked = !this.allChecked;
}