UNIAPP监听勾选复选框(选择阅读协议)后下一步登陆

记录下选择阅读协议后才可以进行下一步

<checkbox-group  @change="handleChange">
				<label >
					<checkbox  />
					<view >我已阅读并同意
					<text class="col-g" @click="handleXI">《用户协议》</text>
					<text class="col-g" @click="handleYX">《隐私协议》</text>
					</view>
				</label>
</checkbox-group>
data() {
			return {
				//判断是否勾选
				value: ''
			}
		},
handleChange(e) {
			 	this.value = e.detail.value;
				console.log(this.value);
				if(this.value.length == 0){
					uni.$u.toast('请勾选《用户协议》《隐私协议》!')
				}else{
					console.log('勾选成功')
				}
			},

顺带:
uni-app复选框checkbox大小调整
需要transform: scale()
个人建议 0.7大小比较合适
参考代码如下

<checkbox
	style="transform: scale(0.7)"
	 :checked="item.isChecked"
	 :value="item.isChecked"
	 class="more"
></checkbox>

猜你喜欢

转载自blog.csdn.net/qq_37194189/article/details/130107542