请问vant组件单选框选中及取消选中使用有问题，如何修改？

Question

如图想要实现要登录必须要勾选同意协议，最初默认保持未勾选，点击方框即勾选，再次点击会取消勾选，我是这么做的，但有问题。
具体代码为：

<view class="agreement" style="font-size: 12px;">
                <van-radio-group v-model="radioOne" @change="changeRad">
                    <van-radio name="1" shape="square" icon-size="12px" @click="radClick('1')">
                        <span class="greyText" style="color:#A3A3A3">我已阅读并同意</span>
                        <span class="redText" style="color:rgb(215,0,15)">《湖南三湘银行隐私政策》</span>
                    </van-radio>
                </van-radio-group>
            </view>

data() {
        return {
          radioOne:'',
          radioChange:false,}}

 methods:{
          changeRad(event){
              this.radioChange=true
          },
          radClick(e){
              if(!this.radioChange){
                  this.radioOne=''
              }
              this.radioChange=false
          },
}

请赐教，不胜感激。

Answer 1

在changeRed方法里面的赋值改一下，这么写只能把false改为true，当勾选上的时候，无法再取消勾选！this.radioChange = !this.redioChage，然后利用这个状态去判断你登陆的操作！

Answer 2

提供一个思路，这里实际也是多选框，只不过是只能选择一个

Answer 3

你的意思就是不能取消选中别  或者说赋值了之后你没有置空  所以无法重新取消删除，你可以给个判断，当再次点击的时候置空就可以了