[ list1:{id:"qqq",name:"mmmm",mmm:"jjjj",list8:{id:"kkkk",name:"kkkk",}}, list2:{id:"qqq",name:"mmmm",mmm:"jjjj",list8:{id:"kkkk",name:"kkkk",}}, list3:{id:"qqq",name:"mmmm",mmm:"jjjj",list8:{id:"kkkk",name:"kkkk",}}, ]获取list8中每个字段的数据 vue 版本 2.13.2

你可以使用 Vue.js 中的 v-for 指令来遍历列表，并使用点语法访问对象中的属性。例如，假设你有一个名为 list 的数据对象，它包含了三个名为 list1、list2 和 list3 的对象，每个对象都有一个名为 list8 的子对象，你可以这样获取 list8 中每个字段的数据：

<template>
  <div>
    <div v-for="(item, index) in list" :key="index">
      <div v-for="(value, key) in item.list8" :key="key">
        {{ key }}: {{ value }}
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: {
        list1: {
          id: "qqq",
          name: "mmmm",
          mmm: "jjjj",
          list8: {
            id: "kkkk",
            name: "kkkk",
          },
        },
        list2: {
          id: "qqq",
          name: "mmmm",
          mmm: "jjjj",
          list8: {
            id: "kkkk",
            name: "kkkk",
          },
        },
        list3: {
          id: "qqq",
          name: "mmmm",
          mmm: "jjjj",
          list8: {
            id: "kkkk",
            name: "kkkk",
          },
        },
      },
    };
  },
};
</script>

在上面的代码中，我们使用了两个嵌套的 v-for 指令，第一个用于遍历 list 对象中的每个子对象，第二个用于遍历每个子对象中的 list8 对象中的每个属性。通过 key 和 value 变量，我们可以分别获取属性名和属性值，并将它们显示在页面上。

值得注意的是，上面的代码是基于 Vue 2.x 版本编写的。如果你使用的是 Vue 3.x 版本，语法会有所不同，但基本思路是一样的。