vue 二维对象数组，取出数组得第二级拼在一起

你可以使用 `flatMap` 方法来将二维对象数组的第二级拼接在一起。以下是一个使用 Vue 的示例代码：

// 假设你有一个二维对象数组
const data = [
  [{ id: 1, name: 'A' }, { id: 2, name: 'B' }],
  [{ id: 3, name: 'C' }, { id: 4, name: 'D' }],
  [{ id: 5, name: 'E' }, { id: 6, name: 'F' }]
];

// 使用 flatMap 将第二级拼接在一起
const flattenedData = data.flatMap(arr => arr.map(obj => obj.name));

console.log(flattenedData); // 输出: ['A', 'B', 'C', 'D', 'E', 'F']

在 Vue 中，你可以将上述代码放在计算属性中，然后在模板中使用该计算属性来获取拼接后的数组。例如：

<template>
  <div>
    <ul>
      <li v-for="name in flattenedNames" :key="name">{{ name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: [
        [{ id: 1, name: 'A' }, { id: 2, name: 'B' }],
        [{ id: 3, name: 'C' }, { id: 4, name: 'D' }],
        [{ id: 5, name: 'E' }, { id: 6, name: 'F' }]
      ]
    };
  },
  computed: {
    flattenedNames() {
      return this.data.flatMap(arr => arr.map(obj => obj.name));
    }
  }
};
</script>

这样，`flattenedNames` 就是拼接后的数组，你可以在模板中使用它来展示数据。