element 多张图片放大预览
<el-col>
<el-form-item label="现场照片">
<div class="demo-image__preview">
<el-image style="width: 100px; height: 100px; margin-left:10px;"
v-for="(img,index) in imgArr" :src="img"
:preview-src-list="getImgList(index)"></el-image>
</div>
</el-form-item>
</el-col>
data() {
return {
imgArr:[],
}
}
imgArr:为图片地址
getImgList(index) {
let arr = []
let i = 0;
for(i;i < this.imgArr.length;i++){
arr.push(this.imgArr[i+index])
if(i+index >= this.imgArr.length-1){
index = 0-(i+1);
}
}
return arr;
},
效果图: