我是靠谱客的博主 不安月饼,这篇文章主要介绍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="";
    }
  },
}

最后

以上就是不安月饼最近收集整理的关于Ant-Design-Vue 单击取消单选框radio选中效果的全部内容,更多相关Ant-Design-Vue内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(51)

评论列表共有 0 条评论

立即
投稿
返回
顶部