背景:后台系统用到图片预览功能。

 页面<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
    },

 

Logo

前往低代码交流专区

更多推荐