element ui 单独使用 大图预览

Posted zzzzzzzzxl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element ui 单独使用 大图预览相关的知识,希望对你有一定的参考价值。

<el-image-viewer
      v-if="visiableImg"
      :on-close="()=>{ visiableImg = false }"
      :url-list="SourceList"
    />
import ElImageViewer from \'element-ui/packages/image/src/image-viewer\';
  components: {ElImageViewer},
data(){
   return{visiableImg = false,SourceList:[\'url1\',\'url2\']} 
}

以上是关于element ui 单独使用 大图预览的主要内容,如果未能解决你的问题,请参考以下文章

Element-ui中 使用图片查看器(el-image-viewer) 预览图片

看我如何使用Vue实现图片的上传以及大图预览功能

在vuepress中实现类似element-ui 的代码预览效果

如何在 Vue.js (Element.ui) 中的上传按钮侧面上传后预览/显示图像?

vue element 框架 自定义轮播图,点击上下翻图,并让图片居中

Vue中使用element-ui的内置组件实现图片预览全局调用功能el-image-viewer