今天重構醫廢平台h5頁面快要完工的時候,測試大哥又給我找了個bug,當列表中只有一條數據時,刪除后還保留着,不能重復刪除,但是列表中有多條數據時不會出現保留數據的情況,是我一時傻了,究其原因是刪除數據后沒有重新加載頁面。我自己嘗試着刪除數據后重新獲取列表數據,數據還是保留着,又試了試路由跳轉的方法,還是不行,從網上找了個不大合適的方法(我覺得挺好的),使用this.$router.go(0),會強制刷新,出現空白頁面體驗不好。還有一種最佳方法,我沒有嘗試,因為this.$router.go(0)已經重新加載頁面了,原諒我沒有精益求精的精神,實在是被h5頁面搞得煩了,后來仔細檢查代碼為什么重新向后台獲取刪除后的數據會出問題,原來是獲取列表數據之前沒有將列表置空。置空后列表數據刪除就沒有問題了。從這個問題上我知道了任何開發產品都沒有一開始就完善的產品,要有不斷修改的心理准備。
// _this.$router.go(0);在ios上測試無效。
// _this.$router.push("/showWaste?userId=" + this.userId);
_this.getWasteList();
之后在蘋果手機上又測試出了問題,有時候刪除數據后,列表數據沒有刷新,汗~測試大哥該換手機了。於是又重新按照網上最終解決方案:provide / inject 組合 依賴注入,就是控制App.vue的顯示隱藏。具體操作參照:
https://blog.csdn.net/qq_39009348/article/details/81698316
下面是provide / inject 組合部分代碼

代碼有不足之處,望大家多多指教。