<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)
}
}
});
原文:https://www.cnblogs.com/hs610/p/9639416.html