功能:点击勾选框或者协议链接,弹出协议弹窗,倒计时20s同意协议按钮才可取消置灰.点击同意协议后,关闭弹窗,协议连接前的勾选框选中.
开发注意点: 1.协议段落较多且有大量表格 解决:协议单独用组件引入(pre便签放文字),表格偷懒用图片格式
-
watch 选框checked属性, 点选框选中后弹出协议,点击协议按钮后,又会将选框选中,就会导致点击一次同意按钮就重新倒计时. 解决: 引入flag变量, watch:{ checked(value) { if (!value) { this.flag = 1; this.flag1 = 1; } if (value && this.flag != 2) { this.setTime1(); this.modalVisable = true; } } };
-
点击选框 选中后进入协议页,倒计时结束前关掉弹窗,此时选框也选中了(不应勾选) 解决: 引入变量flag1, 在弹窗关闭时 close() { if (this.flag1 != 11) { this.checked = false; }},
