el-popover循环

el-popover 的循环使用可以通过 v-for 指令实现。你可以在一个数组对象上使用 v-for 循环来生成多个 el-popover 组件。下面是一个示例：

<template>
  <div>
    <el-button 
      v-for="item in items" 
      :key="item.id" 
      @click="togglePopover(item.id)"
    >
      {{ item.name }}
    </el-button>
    <el-popover 
      v-for="item in items" 
      :key="item.id" 
      :visible.sync="popoverVisible[item.id]"
      trigger="click"
    >
      <p>{{ item.description }}</p>
    </el-popover>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'Button 1', description: 'Popover 1' },
        { id: 2, name: 'Button 2', description: 'Popover 2' },
        { id: 3, name: 'Button 3', description: 'Popover 3' },
      ],
      popoverVisible: {},
    };
  },
  methods: {
    togglePopover(id) {
      this.popoverVisible[id] = !this.popoverVisible[id];
    },
  },
};
</script>

在上面的示例中，我们使用了一个数组对象 `items` 来存储按钮和弹出框的信息。通过 v-for 指令，我们在按钮上循环遍历 `items` 数组，为每个按钮绑定点击事件，同时根据 `id` 控制 `popoverVisible` 对象中对应的弹出框的可见状态。在 el-popover 组件上也通过 v-for 循环遍历 `items` 数组，为每个弹出框设置唯一的 `key` 和对应的可见状态。这样就可以实现循环生成多个按钮和弹出框的效果。