utils.js
export default class countDown{
constructor() {
this.count = 60
this.timer = null
this.backText = '获取验证码'
}
getDown(val){
return this.timer = setInterval(() => {
this.count--
if(this.count < 1){
clearInterval(this.timer)
this.timer = null
this.count = 60
this.backText = `获取验证码`
return
}
this.backText = `${this.count}秒后重新获取`
}, 1000)
}
}
使用
import countDown from '@/utils/utils.js'
<button @click="getCode">{{consClass.backText}}</button>
data() {
return {
title: 'Hello',
consClass: new countDown,
}
},
methods: {
getCode(){
if(this.consClass.timer){
console.log('789456123')
return
}
this.consClass.getDown()
}
}