UniApp小程序点击登录按钮判断用户是否勾选了隐私政策或用户协议

最近微信小程序又发布了一些反人类的公告，我估摸着不久后小程序都必须先让用户勾选隐私服务政策什么的才能授权登录这种多余的功能才给审核通过，否则下架整改吧？！

 

然后我琢磨了一下这个简单的小功能怎么实现，首先我们在授权登录页面登录按钮下面加入uniapp自带的勾选框组件：

<view>
	<button @click="XgLgin">授权登录</button>
</view>
<view>
	<checkbox-group @change="XgcheckChange">
		<label>
			<checkbox value="同意" :checked="state" />
			同意《隐私政策》和《用户协议》
		</label>
	</checkbox-group>
</view>

 

接着直接写一下勾选状态

<script>
	export default {
		data() {
			return {
				state: false //预先未勾选的状态
			}
		},
		methods:{
			// 勾选状态
			XgcheckChange(e) {
				this.state = !this.state;
				console.log(this.state);
			}
		}
	}
</script>

 

最后把勾选状态写到点击登录按钮后的判断中即可

<script>
	export default {
		data() {
			return {
				state: false //预先未勾选的状态
			}
		},
		methods:{
			// 勾选状态
			XgcheckChange(e) {
				this.state = !this.state;
				console.log(this.state);
			},
			// 点击授权登录按钮判断勾选
			XgLgin(e) {
				if(this.state == 0){
					// 未勾选提示
					uni.showToast({
						title: '请勾选同意隐私政策',
						icon: 'none',
						duration: 2000
					});
				} else {
					// 已勾选继续授权完成登录
				}
		}
	}
</script>