1. 程式人生 > >vue寫倒計時

vue寫倒計時

data int clear html scrip method show false click

   <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)
            }
        }
    });

  

vue寫倒計時