首頁猿問 vue 頁面刷新，倒計(jì)時(shí)重置

vue 頁面刷新，倒計(jì)時(shí)重置

JavaScript Vue.js

HUWWW 2018-08-03 19:59:50

后端提供了一個(gè)獲取驗(yàn)證碼的接口，60秒以內(nèi)才能獲取一次如果當(dāng)前用戶刷新頁面，頁面中的倒計(jì)時(shí)會(huì)重置，這個(gè)時(shí)候如果點(diǎn)擊獲取驗(yàn)證碼會(huì)導(dǎo)致獲取失敗。。目前的解決辦法：1，第一次點(diǎn)擊獲取驗(yàn)證碼，本地存儲(chǔ)一個(gè)時(shí)間：2，如果用戶刷新頁面，拿當(dāng)前時(shí)間和本地時(shí)間做比較，未超過就顯示錯(cuò)誤；3：等待60秒，倒計(jì)時(shí)重置寫入當(dāng)前時(shí)間，返回通過。不知道VUE本身對(duì)刷新這塊有什么辦法解決嘛？

查看完整描述

1 回答

郎朗坤

TA貢獻(xiàn)1921條經(jīng)驗(yàn) 獲得超9個(gè)贊

其實(shí)也不用一定要服務(wù)端判斷，按照你的方式，不過有一點(diǎn)，如果你記錄的時(shí)間跟當(dāng)前時(shí)間沒有超過60秒就應(yīng)該顯示對(duì)應(yīng)的倒計(jì)時(shí)多少秒，而不是顯示錯(cuò)誤，這樣我認(rèn)為會(huì)比較友好一點(diǎn)，會(huì)有更好的用戶體驗(yàn)。
其實(shí)正確的方式應(yīng)該讓后端去記錄這個(gè)時(shí)間，記錄到session里面，每次頁面一加載就返回給你，這樣即使刷新頁面也不會(huì)有問題。

反對(duì) 回復(fù) 2018-08-05