访问嵌套的 api 数据 (vue)

Question

我无法通过我的 api 调用访问嵌套数据。 JSON 响应如下所示：

我尝试访问属性中的属性名称。以及语言中的语言名称。 我可以使用以下代码显示 location_name {{ userdetails.location.location_name }}

---

我总是遇到嵌套 api 数据的问题。是否有指南如何从 api 访问数据？

谢谢！

更新：我的代码如下所示

data() {
    return {
      userdetails: undefined,
    };
  },

  methods: {
    getUserData() {
      DataService.getUserById()
        .then((response) => {
          this.userdetails = response.data;
          console.log(response);
        })
        .catch((error) => {
          console.log(
            "Ein Fehler beim User ist aufgetreten: " + error.response
          );
        });
    },
  },
  created() {
    this.getUserData();
  },
};

Answer 1

attributes 属性是数组所以试试（index 是数组中的索引）：

{{ userdetails.attributes[index].attribute_name }}

如果你想全部展示：

<div v-for="(attr, i) in userdetails.attributes" :key="i" >
  {{ attr.attribute_name }}
</div>