el-image-viewer 预览图增加自定义内容

`el-image-viewer` 是 Element UI 中的一个组件，它是一个图片查看器，主要用于放大和预览图片。如果你想要在预览图上增加自定义内容，Element UI 提供了一定的灵活性。

首先，你需要确保你在 `el-image-viewer` 的选项里设置了允许自定义内容。你可以通过配置 `preview-template` 属性来自定义预览模板。这个属性接受一个 HTML 字符串，其中可以包含你想要插入的自定义元素：

<template>
  <el-image-viewer :preview-template="customPreviewTemplate" />
</template>

<script>
export default {
  data() {
    return {
      customPreviewTemplate: '<div class="custom-content">{{ customData }}</div>'
    };
  },
  computed: {
    customData() {
      // 这里可以根据需要动态生成或获取自定义内容
      return '这是你的自定义内容';
    }
  }
};
</script>

在这个例子中，`{{ customData }}` 会替换为 `customData` 计算属性中的值，你可以在这里添加你想显示的内容。此外，还可以给 `.custom-content` 类设置样式，以调整自定义内容的布局和样式。