el-image 点击富文本放大效果

要实现点击富文本中的图片放大效果，可以通过以下步骤实现：

1. 在富文本中插入图片，并为图片添加一个点击事件监听器。
2. 点击图片时，获取图片的 URL，并将其传递给一个图片放大组件。
3. 在图片放大组件中显示被点击的图片，并提供放大、缩小、旋转等操作。

以下是一个简单的实现示例：

<template>
  <div>
    <el-dialog :visible.sync="dialogVisible" width="80%">
      <img :src="currentImageUrl" style="max-width: 100%; max-height: 80vh;">
    </el-dialog>
    <div v-html="richText" @click="handleImageClick"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      richText: '<p>这是一段富文本，其中包含一张图片：<img src="https://picsum.photos/200" alt="随机图片"></p>',
      dialogVisible: false,
      currentImageUrl: ''
    }
  },
  methods: {
    handleImageClick(event) {
      const target = event.target
      if (target.tagName === 'IMG') {
        this.currentImageUrl = target.src
        this.dialogVisible = true
      }
    }
  }
}
</script>

在上面的示例中，我们使用了 ElementUI 的对话框组件来实现图片放大功能，点击图片时会将对话框显示出来并将当前图片的 URL 传递给对话框中的 `<img>` 元素。用户可以使用对话框中提供的操作按钮来对图片进行放大、缩小、旋转等操作。