vue获取验证码倒计时

vue获取验证码倒计时

<!-- 验证码按钮 -->
<button type="warn" @click="getCode" :disabled="disabled">{{send}}</button>


getCode() {
    let self = this
    self.disabled = true
    var time = 60;
    var timer = setInterval(fun, 1000);

    function fun() {
            time--;
            if (time >= 0) {
                    self.send = time + "s后刷新";
            } else if (time < 0) {
                    self.send = "获取验证码";
                    self.disabled = false;
                    clearInterval(timer);
                    time = 60;
            }
    }
}