開啟倒計時，直接保存到vuex中，且存儲到本地持久化

10年積累的網(wǎng)站建設(shè)、做網(wǎng)站經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有高縣免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

// state.js
const runTime = localStorage.getItem('time');
paymentRunTime:runTime

// mutations.js

TimeReduction(state) {
  this.timerId = setInterval(() => {
   if (state.paymentRunTime === 0) {
     state.paymentRunTime = 60;
     return clearInterval(this.timerId)
   }
    state.paymentRunTime -= 1;
   localStorage.setItem('time',state.paymentRunTime)
  },1000);
 },

在需要用到的頁面鉤子函數(shù)調(diào)用方法， created（）{ this.$store.commit(TimeReduction) }

知識點擴(kuò)展：

倒計時實例代碼：

以上就是vue倒計時刷新頁面不會從頭開始的解決方法的詳細(xì)內(nèi)容，更多關(guān)于vue倒計時刷新頁面不會從頭開始的資料請關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章！