Vue中設置倒計時


 

 

在Vue中,通過日期選擇器選擇時間(el-date-picker),然后創建與當前時間的倒計時,當選擇的時間小於或等於當前時間時,倒計時內容為0,倒計時函數被清除。

HTML:

(1)日期選擇器部分,與formData.dead_line數據綁定

(2)提交按鈕,與倒計時函數綁定,一旦提交,就開始執行倒計時

(3)倒計時顯示區域,與formData.countdownTime進行數據綁定

JS:

(1)data部分

(2)methods部分,通過截止時間與當前時間的時間差,來操作倒計時的內容

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM