如图想要实现要登录必须要勾选同意协议,最初默认保持未勾选,点击方框即勾选,再次点击会取消勾选,我是这么做的,但有问题。
具体代码为:
<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
},
}
请赐教,不胜感激。