1. 程式人生 > >Vue中解決陣列在被清空的情況下,頁面仍會存在快取資料的問題

Vue中解決陣列在被清空的情況下,頁面仍會存在快取資料的問題

一,情況描述

1.1 點選完成按鈕

在這裡插入圖片描述

1.2 發現該資料沒有被清空

在這裡插入圖片描述

二,問題所在

2.1 查詢出來的陣列為null

由於使用父子件傳輸的方式進行傳遞資料,因為父元件從介面獲取資料的時候,當獲取到的資料為空,就會變成null。然後將這個null傳給了子元件,可能是因為子元件不明白這個null是個什麼東東,所以才出現這種問題。

在這裡插入圖片描述

三,解決方案

3.1 由於是因為子元件不認識這個null,因此,我加了一個判斷條件,當父元件從介面中獲取不到資料的時候,那我就給子元件傳一個空陣列即可 [ ]

在這裡插入圖片描述