快应用中常见的点击同意协议才可以进行下一步否则提示信息的操作

情景是一般用户第一次使用一个app会有一个引导页面，会让你同意一个协议才可以进行下一步操作，否则会提示你先同意协议

思路：有个点击的小方块用来勾选协议表示同意，如果没勾选那么状态即为false，如果勾选了则为true，那么就判断他是否是true如果是那么跳转否则提示消息

<template>
<div>
<input onchange="changeStatus" type="checkbox" checked="false">
<text>我已阅读并同意《用户协议》</text>
</div>
<div><input type="button" value="下一步" onclick="next"></div>
</template>
<script>
import router from '@system/router';
export default{
private:{
status:false;
},
changeStatus(e){
if(e.checked==true){
 this.status=true
}else{
this.status=false;
}
},
next(){
if(this.status==true){
router.push({
uri:'/Boot'    //要跳转页面的名字
})
}else{
this.$app.$def.prompt.showToast({message:'请同意协议~'});
//这个是调用的快应用一个弹窗的API
}
}
}
</script>

• 给这个小方块绑定个点击方法，他初始有一个状态，在用一个变量去存储他的状态，然后通过判断这个状态的值是跳转还是弹弹窗