vue+element查看大圖,多個圖片時點擊查看對應的圖片

 標籤

<div v-for="(item,i) in imgList" :key="i" class="img">
    <div @click="clickImg(i)">
        <el-image 
            style="width: 100px; height: 100px"
            :src="item" 
            :preview-src-list="getImgList(i)">
        </el-image>
    </div>
    
</div>

 方法(imgList爲圖片的集合)

getImgList(index){
    let arr = JSON.parse(JSON.stringify(this.imgList))
    for(let i=0;i<index;i++){
        arr.push(arr[0]);
        arr.splice(0,1);
    }
    return arr
},

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章