VUE定时器,用于登陆获取验证码倒计时
生活随笔
收集整理的這篇文章主要介紹了
VUE定时器,用于登陆获取验证码倒计时
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
第一步
在當前的按鈕中添加@click 事件,并在按鈕內文字后面加上變量,并用v-if進行判斷,看秒數是否大于0
并且添加disabled,當second>0的時候給它disabled掉。
第二步
在data里將變量賦值為0,所以0肯定不會大于0,默認情況就是顯示點擊發送
第三步
將click事件的值傳到方法里,然后添加一個setInterval,是一個實現定時調用的函數。并在里面進行判斷,并且我們為當前的second賦一個值(秒數都可以),如果當前的秒數大于0的話,就一步步減去,每次減去為1000毫秒。
然后當我們點擊按鈕后,就會出現倒計時并且無法進行重復點擊的操作,倒計時結束后就會變回一開始獲取驗證碼時的樣子,很實用。
總結
以上是生活随笔為你收集整理的VUE定时器,用于登陆获取验证码倒计时的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SAN存储和服务器虚拟化安装方案,基于S
- 下一篇: CKEditor与CKFinder学习-