el-popover 动态显示内容

el-popover 可以通过使用 slot="reference" 来指定触发弹框的元素。同时，可以使用 Popover 组件来处理动态内容并适应屏幕尺寸的变化。在 Popover 组件中，可以通过设置 placement 属性来指定弹框的弹出位置，通过设置 trigger 属性来指定弹出方式。此外，可以使用 popper-class 属性来自定义 el-popover 的样式。

参考代码如下：

<template>
  <div>
    <el-button ref="triggerBtn" @click="showPopover">点击我显示弹框</el-button>
    <el-popover
      ref="popover"
      placement="bottom-start"
      trigger="click"
      popper-class="addformPanel"
      v-model="popoverVisible"
    >
      <div>这里是动态显示的内容</div>
    </el-popover>
  </div>
</template>

<script>
export default {
  data() {
    return {
      popoverVisible: false
    };
  },
  methods: {
    showPopover() {
      this.popoverVisible = true;
    }
  }
};
</script>