elementui之el-image-viewer的示例分析

这篇文章给大家分享的是有关elementui之el-image-viewer的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联建站是一家专业提供黎川企业网站建设,专注与网站设计制作、成都做网站H5高端网站建设、小程序制作等业务。10年已为黎川众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

使用方法

翻看了Image的源码,发现大图预览是一个小组件image-viewer,打开看看它的props,如下

props: {
  urlList: {
   type: Array,
   default: () => []
  },
  zIndex: {
   type: Number,
   default: 2000
  },
  onSwitch: {
   type: Function,
   default: () => {}
  },
  onClose: {
   type: Function,
   default: () => {}
  }
 }

我们需要使用到的就只有urlList与onClose两个属性 ,一个用来放图片链接一个用来关闭查看器。

需要使用的属性我们知道了,然后我们就在代码里面引入image-viewer就可以直接使用。


感谢各位的阅读!关于“elementui之el-image-viewer的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


分享标题:elementui之el-image-viewer的示例分析
本文链接:http://scyanting.com/article/pphcoh.html