element-ui的el-radio怎么在已选中的情况下,再次点击取消选中

element-ui 如果真要实现单选并且再次点击取消,可以选用checkbox,设置max=1即可

<el-checkbox-group v-model="checkList" :max="1">
    <el-checkbox label="A"></el-checkbox>
    <el-checkbox label="B"></el-checkbox>
    <el-checkbox label="C"></el-checkbox>
</el-checkbox-group>

data () {
    return {
        checkList: ['A']
    }
}

如果一定要用radio,也可以使用下面的方法

<el-radio-group v-model="radio">
  <el-radio
 v-for="(item, index) in [1,2,3]" 
 :key="index" 
 @click.native.prevent="clickitem(index)"
 :label="index">
1
</el-radio>
data () {
    return {
        radio: 1
    }
}
</el-radio-group>
          
clickitem (index) {
  index=== this.radio ? this.radio= '' ": this.radio = index
},
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。