element-ui 中 el-radio 单选 点一次选中，再点一次取消选中

el-radio 单选 点一次选中，再点一次取消选中

html:

<el-radio v-model="form.selectActive" :label="selShare"  @click.native.prevent="clickitem(form.selectActive)">分享好友领红包</el-radio>

javascript:

data(){
    return {
        form: {
            selectActive: ''
        },
        selShare: '1'
    }
}

当v-model里面的值等于label的值时，说明选中，不等于说明未选中

methods: {
    //每次点击都会触发这个事件，刚开始form.selectActive为空，说明未选中，第一次点击时，会把this.form.selectActive="1"
    clickitem(e){
        if (e === "1") {
            this.form.selectActive = "0"
        } else {
            this.form.selectActive = '1'
        }
    }
}