我是靠谱客的博主 不安月饼,最近开发中收集的这篇文章主要介绍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 单击取消单选框radio选中效果所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部