如何在vue2.x中使用 Element UI 2.x 的 el-image-viewer？

在Vue 2.x中使用Element UI 2.x的`el-image-viewer`组件，你需要按照以下步骤操作：

1. 首先，在你的项目中安装Element UI以及对应的`el-image-viewer`组件。如果你还没有安装，可以在终端或命令行中运行以下命令：

   npm install element-ui --save
   npm install element-ui/lib/image-viewer --save

或者如果使用Yarn：

   yarn add element-ui
   yarn add element-ui/lib/image-viewer

2. 引入组件到你的Vue组件中。在`.vue`文件的`<template>`部分，添加`import`语句，并在`components`选项里注册组件：

   <template>
     <div>
       <el-image-viewer ref="imageView" :images="imageList"></el-image-viewer>
     </div>
   </template>

   <script>
   import { ElImageViewer } from 'element-ui/lib/image-viewer';

   export default {
     components: {
       ElImageViewer,
     },
     data() {
       return {
         imageList: [
           // 这里放置你的图片URL数组
         ],
       };
     },
     // ...其他组件生命周期钩子和方法
   }
   </script>

3. 初始化`el-image-viewer`组件，传入你想要展示的图片列表。在这个例子中，`imageList`是一个包含图片URL的对象数组。

4. 当需要显示图片查看器时，你可以通过`this.$refs.imageViewer.open()`方法打开它。记得在模板上给`ref`属性一个名称，如上面的`ref="imageView"`。

methods: {
   openImageViewer(index) {
      this.$refs.imageViewer.open(this.imageList[index]);
   },
}

然后在需要的地方触发这个方法，例如点击事件。