天天看點

Ant-Design-Vue 單擊取消單選框radio選中效果

        主要是通過目前對應的值來判斷。例子:選項A、B分别對應值0、1,分别對兩個單選框進行判斷:如果目前值為0,即選中選項A,此時再點選選項A則将值置空;選項B同理。

//<template>
<a-radio-group v-model="radioData">
  <a-radio-button :value="0" @click="A">是</a-radio-button>
  <a-radio-button :value="1" @click="B">否</a-radio-button>
</a-radio-group>



//<script>中的methods
data() {
  return {
    radioData:"",
  }
},
methods: {
  A() {
    if(this.isIncomplete==0){
  	  this.isIncomplete="";
    }
  },
  B() {
    if(this.isIncomplete==1){
      this.isIncomplete="";
    }
  },
}
           

繼續閱讀