使用element中el-image 点击富文本放大效果

可以通过以下步骤实现：

1. 在你的富文本中插入图片，并使用 `el-image` 组件来显示图片，例如：

<el-image src="https://example.com/image.jpg"></el-image>

2. 在 `el-image` 组件上绑定 `click` 事件，例如：

<el-image src="https://example.com/image.jpg" @click="showImage"></el-image>

3. 在你的 Vue 组件中定义 `showImage` 方法，例如：

methods: {
  showImage() {
    // 显示图片放大效果的代码
  }
}

4. 在 `showImage` 方法中，使用 `el-dialog` 或其他弹窗组件来显示放大后的图片，例如：

<el-dialog :visible.sync="dialogVisible">
  <el-image src="https://example.com/image.jpg"></el-image>
</el-dialog>

在 `showImage` 方法中，设置 `dialogVisible` 变量为 `true`，弹窗组件会自动显示出来，并显示放大后的图片。

完整的代码示例：

<template>
  <div>
    <div v-html="richText" @click="showImage"></div>
    <el-dialog :visible.sync="dialogVisible">
      <el-image :src="selectedImage"></el-image>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      richText: '<p><img src="https://example.com/image1.jpg"><img src="https://example.com/image2.jpg"></p>',
      dialogVisible: false,
      selectedImage: ''
    }
  },
  methods: {
    showImage(event) {
      if (event.target.tagName === 'IMG') {
        this.selectedImage = event.target.src
        this.dialogVisible = true
      }
    }
  }
}
</script>