el-image上使用vue-photo-preview

el-image组件是Element UI中的一个图片组件，而vue-photo-preview是一个Vue.js的图片预览插件。在el-image上使用vue-photo-preview可以实现点击图片放大预览的功能。具体的实现步骤如下：

1. 首先，安装vue-photo-preview插件。可以通过npm或者yarn进行安装：

npm install vue-photo-preview --save

2. 在Vue项目的入口文件（一般是main.js）中引入vue-photo-preview插件并注册：

import Vue from 'vue'
import VuePreview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'

Vue.use(VuePreview)

3. 在需要使用el-image的组件中，使用vue-photo-preview的指令v-preview来绑定图片的点击事件：

<template>
  <div>
    <el-image v-preview :src="imageUrl"></el-image>
  </div>
</template>

在上述代码中，v-preview指令会将el-image绑定为可点击放大预览的图片。

4. 在data中定义imageUrl，指定el-image的图片地址：

export default {
  data() {
    return {
      imageUrl: 'https://example.com/image.jpg'
    }
  }
}

通过上述步骤，就可以在el-image上使用vue-photo-preview插件实现点击图片放大预览的功能了。