程序员

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

2019-05-10  本文已影响4人  吃盖浇饭

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
},
上一篇 下一篇

猜你喜欢

热点阅读