码迷,mamicode.com
首页 > 其他好文 > 详细

vue写倒计时

时间:2018-09-13 12:03:44      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:eth   highlight   new   false   getc   function   else   class   ret   

   <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写倒计时

标签:eth   highlight   new   false   getc   function   else   class   ret   

原文地址:https://www.cnblogs.com/hs610/p/9639416.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!