vue写倒计时

Posted 2021-01-05 hs610

   <a class="btn" v-if="!isShow" @click="getCode()">验证码</a>
   <a class="btn" v-else="isShow">{{sec + ‘ s‘}}</a>

　　

var vm = new Vue({
        el:‘#wrap‘,
        data:{
            isShow:false,
            sec:60,
        },
        methods:{
            getCode:()=>{
                vm.isShow = true;
                var time = setInterval(function () {
                    if(vm.sec == 1){
                        clearInterval(time);
                        vm.isShow = false;
                        vm.sec = 60;
                        return false;
                    }else {
                        vm.sec = vm.sec-1
                    }
                },1000)
            }
        }
    });