Element image图片组件 el-image-viewer、不循环

1、Image组件中实现图片预览

可通过 previewSrcList 开启预览大图的功能。

2、 ElImageViewer是Image组件的内置组件，主要实现图片的预览功能。el-image-viewer 单独实现图片预览

事件触发 imgModal 为 true，预览图片列表

html

js

可以自己修改背景颜色

.el-image-viewer__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* opacity: .5; */
    background: #fff;
}

3、追加

运营需求禁止循环，我把源码拉下来发现

新建组件、infinite 修改为false就不循环了。