【Uni-app】JSON數據轉換的奇妙問題

從后端發送到前端的數據是這樣的

 

 

 uni-app 前端請求到的數據是這樣的 this.hotelData = res.data.data.records;

 

 

 經過JSON.stringify將數據轉換成字符串得到的數據是這樣的 this.hotelData = JSON.stringify(res.data.data.records);

 

 

 正當我以為可以用在前端通過v-for遍歷數組的時候，得到的結果是這樣的

 

 

 

顯然v-for將數據每一個字符都遍歷出來了，uni-app 此時認為它是一堆字符串，而非數組對象。

解決辦法：

this.hotelData = JSON.parse(JSON.stringify(res.data.records)); 

JSON.stringify是獲得原始數據的字符串

JSON.parse是將字符串轉換成對象（對字符串的格式較嚴格）

成功解決問題！