背景:后台系统用到图片预览功能。
页面<template>
<div>
<span @click="clickImg(index)" v-for="(item,index) in extend" :key="index">
<el-image
:src="item"
class="image"
:preview-src-list="getImgList(index)">
</el-image>
</span>
方法methods
/* 操作--查看 图片预览 */
getImgList(index){
let images = JSON.parse(JSON.stringify(this.extend))
for(let i=0;i<index;i++){
images.push(images[0]);
images.splice(0,1);
}
return images
},