Javascript Vue JS-在不知道其名称的情况下循环嵌套对象

我执行一个axios调用，该调用返回以下内容（示例）：

我在axios调用中有一个

.then（）

，我使用lodash将

..cloneDeep

我的

响应.data

（以上）保存到vue实例中的数据属性

---

在

xyz

上执行

v-for

而不知道其名称（可能不同）的正确方法是什么？或者如何将

xyz

直接克隆到我的数据属性？

要将

xyz

直接克隆到你的数据属性，你可以这样做（假设

response.data

包含你在问题中给出的片段：

dataPropertyInVueInstance=response.data[“data”][Object.keys（response.data[“data”]）[0]]

这将获取

response.data[“data”]

（在本例中为

xyz

）处的第一个键，并从

response.data[“data”]

中提取其中的数据，从而为您提供

xyz

处的对象，并避免命名问题

你也可以这样做：

dataPropertyInVueInstance=Object.values（response.data[“data”]）[0]

---

这将获取

响应中第一个键处的值。data[“data”]

——在本例中，键

xyz

处的数据我确信您可以为以下对象嵌套v-for：

<div v-for="(item,key) in data" :key="key"> 
     <div v-for="(nestedItem, nestedKey) in item)" :key="nestedKey">
         {{ nestedItem }}
     </div>
</div>

{{nestedItem}}

您可以使用Object.key（数据），然后通过key或Object.values（数据）获取

<div v-for="(item,key) in data" :key="key"> 
     <div v-for="(nestedItem, nestedKey) in item)" :key="nestedKey">
         {{ nestedItem }}
     </div>
</div>