vue获取后端mapforof遍历

如果后端返回的数据是一个 Map 对象，我们可以使用 `Map.prototype.entries()` 方法获取到 Map 对象中所有键值对的迭代器，然后使用 `for...of` 循环进行遍历。下面是一个简单的示例代码：

<template>
  <div>
    <ul>
      <li v-for="(value, key) in mapData" :key="key">{{ key }}: {{ value }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      mapData: new Map(),
    };
  },
  mounted() {
    // 模拟后端返回的 Map 对象
    const map = new Map([
      ['name', 'John'],
      ['age', 30],
      ['gender', 'male'],
    ]);

    // 将 Map 对象转换成对象字面量
    const obj = Object.fromEntries(map.entries());

    // 将对象字面量赋值给 data 中的 mapData
    this.mapData = obj;
  },
};
</script>

在上面的代码中，我们首先定义了一个名为 `mapData` 的响应式数据，类型为 Map。然后在 `mounted` 钩子函数中模拟了一个后端返回的 Map 对象，并将其转换成对象字面量，最后将对象字面量赋值给 `mapData`，这样就可以在模板中使用 `v-for` 进行遍历了。在模板中，我们使用 `v-for="(value, key) in mapData"` 的语法进行遍历，其中 `value` 表示当前键值对的值，`key` 则表示当前键值对的键。