首页 > 其他 > 详细

vue写倒计时

时间:2018-09-13 11:33:52      阅读:157      评论:0      收藏:0      [点我收藏+]
   <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写倒计时

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!