,阅读完协议后,才可以单机注册按钮的特效
其实这与发送短信验证码倒计时,是一样的
01
原生js实现
以下是原生简易js实现
var sec = 10;
function countDownTimer(...,是一种比较常见的方式
方式2-使用watch实现
使用watch同样可以达到同样的效果,可以不用创建方法,只需创建钩子,如下代码所示
export default {
data() {
return {
second: 30..., // 倒计时30秒
}
},
watch:{
second: {
handler(value) {
if(...js方式还是使用vue方式,都是可以实现的,都需要借助定时器功能去实现,在vue当中可以用普通方法的方式去实现,也可以使用
watch监听器的方式去实现,至于哪个更好,自己习惯使用那种,就用哪种,前者容易想到