vue2 怎么使用el-image-viewer

在Vue2中，要使用Element UI库的`el-image-viewer`组件，首先你需要确保已经安装了Vue和Element UI。如果你还没有安装，可以使用npm或yarn来安装：

# 安装Vue CLI (如果尚未安装)
npm install -g @vue/cli

# 创建一个新的Vue项目
vue create my-project

# 进入项目目录
cd my-project

# 添加Element UI依赖
npm install element-ui --save

然后，在`main.js`或其他适当的入口文件中，注册Element UI:

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

接下来，要在模板中使用`el-image-viewer`，需要先导入组件：

<template>
  <div id="app">
    <!-- 使用el-image-viewer -->
    <el-image-viewer v-model="imageUrl" :options="imageViewerOptions"></el-image-viewer>
  </div>
</template>

在你的组件数据选项中设置`imageUrl`和`imageViewerOptions`：

export default {
  data() {
    return {
      imageUrl: '', // 图像URL
      imageViewerOptions: { // 元件配置项，例如预览图的数量、旋转等
        maxImages: 5,
        rotateDegreeStep: 90,
      },
    };
  },
  // ...
}

最后，确保你在组件生命周期钩子内初始化图片URL或者其他必要的配置。

你可以参考Element UI的官方文档来了解更多关于`el-image-viewer`的详细使用方法：https://element.eleme.cn/#/en-US/component/image-viewer