當前位置:成語大全網 - 漢語詞典 - VUE表單中數據緩存跳轉“刷新”的判斷

VUE表單中數據緩存跳轉“刷新”的判斷

效果如圖

註意:在途中選擇常用聯系人時,可以忽略網頁截圖,不容易調試。

通常,您可以在方法中編寫壹個簡單的判斷,並將其放在mounted中。

比如:

比如頁面加載的時候就可以判斷出來。當然,當表單內容改變時,也要調用check()。

然後妳就會發現壹個問題。第壹次,表單操作完成後所有的判斷都是正常的,但是當頁面跳轉或者刷新時,妳會發現按鈕變成灰色,但是表單中有數據。

如下圖

調試分析表明,當頁面進來或跳轉時,可以從緩存中讀取數據,但不執行檢查。

解決方案:

考慮到vue的生命周期,在頁面更新狀態後調用check()可以解決這個問題。

可以在上述狀態下使用。

這是我解決這個問題的方法。如果各位讀者有更好更有效的方法,請留言!!!!