美文网首页
ElementUI中el-radio再次点击取消选中

ElementUI中el-radio再次点击取消选中

作者: 宏_4491 | 来源:发表于2020-12-09 14:08 被阅读0次

    ElementUI中el-radio再次点击取消选中

    <el-radio-group v-model="radio">
           <el-radio :label="1" @click.native.prevent="radioClick(1)">备选项</el-radio>
         </el-radio-group>
    //prevent阻止默认事件
    
    data(){
        return{
           radio: '',
        }
    }
    
    radioClick (e) {
          e === this.radio? (this.radio = ''):(this.radio = e)
        }
    
    image.png

    相关文章

      网友评论

          本文标题:ElementUI中el-radio再次点击取消选中

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