vue+element 实现根据数组循环显示按钮，并且根据点击按钮显示隐藏对应按钮的内容

你可以使用 Vue 和 Element UI 来实现根据数组循环显示按钮，并根据点击按钮来显示或隐藏对应的内容。以下是一个示例代码：

<template>
  <div>
    <el-button @click="toggleContent(index)" v-for="(item, index) in data" :key="index">
      {{ item.name }}
    </el-button>
    <div v-for="(item, index) in data" :key="index" v-show="showContent[index]">
      <!-- 对应内容 -->
      {{ item.content }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: [
        { name: '按钮1', content: '内容1' },
        { name: '按钮2', content: '内容2' },
        { name: '按钮3', content: '内容3' }
      ],
      showContent: Array(3).fill(false) // 初始化为 false，长度与 data 数组长度相同
    };
  },
  methods: {
    toggleContent(index) {
      this.$set(this.showContent, index, !this.showContent[index]);
    }
  }
};
</script>

在这个示例中，`data` 数组包含了按钮的名称和对应的内容。使用 `v-for` 循环遍历 `data` 数组来渲染按钮和对应的内容。`showContent` 数组用于记录每个按钮对应的内容是否显示，初始时都设为 `false`。

`toggleContent` 方法用于切换对应内容的显示与隐藏。通过 `this.$set` 方法来设置 `showContent` 数组中对应索引的值，实现响应式更新。

记得将 `<-- 对应内容 -->` 替换为实际需要显示的内容。这样，每次点击按钮时，对应的内容就会显示或隐藏。