element ui 中如何通过事件主动打开图片预览功能

   在开发过程中，不想使用element ui 的图片组件，但是又懒得重新写图片预览的界面。所以通过elemennt ui 的图片组件手动控制预览界面的显示与关闭便能达到该效果。

   正常情况下使用element ui 的图片组件可以配置preview-src-list的参数便能达到图片预览的效果，通过点击图片便能实现预览功能。如果只想使用组件预览功能可以将组件隐藏，通过事件触发预览弹框。

<script>
export default {
    methods: {
      open(){
          this.$nextTick(() => {
             this.$refs.imgPreview.showViewer = true
          })
      }
    }
}
</script>

<template>
  <div class="wrapper">
    <el-image
        v-show="false"
        :preview-src-list="['https://xxxx.png']"
        ref="imgPreview"
    >
    </el-image>
  </div>
</template>