el-image标签中怎么添加vue-piczoom插件

要在 `el-image` 标签中添加 `vue-piczoom` 插件，可以按照以下步骤操作：

1. 在 Vue 项目中安装 `vue-piczoom` 插件。可以使用 npm 或 yarn 安装：

   npm install vue-piczoom --save
   // 或者
   yarn add vue-piczoom

2. 在需要使用 `vue-piczoom` 的组件中引入插件：

   import VuePicZoom from 'vue-piczoom'
   
   export default {
     components: {
       VuePicZoom, // 添加 VuePicZoom 组件
     },
   }

3. 在 `el-image` 标签中添加 `vue-piczoom` 组件，并传递图片地址：

   <template>
     <div>
       <el-image
         :src="imageUrl"
         fit="contain"
       >
         <vue-pic-zoom :img="imageUrl" />
       </el-image>
     </div>
   </template>

在这个示例中，我们将 `vue-pic-zoom` 组件作为 `el-image` 的子组件，并传递了 `:img` 属性，该属性值为当前显示图片的地址。

4. 完成上述步骤后，即可在页面上看到 `el-image` 图片，并且当鼠标悬停在图片上时，会出现放大镜效果。

注意：要使用 `vue-piczoom` 插件，需要确保页面中已经引入了 `element-ui`、`vue` 和 `vue-piczoom` 插件。