elementUI previewSrcList 调用图片展示组件

官方给的示例需要用el-image

<div class="demo-image__preview">
  <el-image 
    style="width: 100px; height: 100px"
    :src="url" 
    :preview-src-list="srcList">
  </el-image>
</div>

但往往业务中可能是一个button  按钮 需要调previewSrcList

解决办法是需要调element组件包中的image-viewer.vue

<el-image-viewer
           v-if="showViewer"
           :on-close="closeViewer"
           :url-list="srcList" />


      <el-button @click="onPreview" type="primary">查看图片</el-b