美文网首页程序员
element-ui的el-radio怎么在已选中的情况下,再次

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

作者: 吃盖浇饭 | 来源:发表于2019-05-10 10:57 被阅读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
    },
    

    相关文章

      网友评论

        本文标题:element-ui的el-radio怎么在已选中的情况下,再次

        本文链接:https://www.haomeiwen.com/subject/qemooqtx.html