vue寫倒計時
阿新 • • 發佈:2018-09-13
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寫倒計時