vue实现使用邮箱登录获取验证码的功能

1.获取到按钮，通过innerHTML对内容进行切换，

2.使用setInterval,实现倒计时功能，之后使用 clearInterval 清除定时器

 <div class="code_module">
        <div>
            <input class="telephone" type="text">
            <div>
                <input class="code" type="text">
                <button id="sendCode" @click="sendCode">获取验证码</button>
            </div>
        </div>
    </div>

   sendCode() {
            let times = 60;
            let timeP;
            let codeInner = document.getElementById('sendCode');
            if (codeInner.innerHTML !== '获取验证码') {
                return
            }
            codeInner.innerHTML = times + 's';
            timeP = setInterval(() => {
                times--;
                if (times === 0) {
                    clearInterval(timeP);
                    codeInner.innerHTML = '获取验证码'
                } else {
                    codeInner.innerHTML = times + 's'
                }
            }, 1000)
        }