【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是将字符串转换成对象（对字符串的格式较严格）

成功解决问题！