el-image组件实现,多张图片全展示，并实现大图循环预览，点击随意一张，大图首先显示该张，其余一次循环展示

情报中心 lv.1

发布时间：2023-08-24 00:15:47 526

相关标签：

1、随意点击一张，大图首先展示该张，并且点击下一张，到最后一张后显示第一张，一次循环

2、效果：点击第四张，大图第一张为第四张的图

el-image组件实现,多张图片全展示，并实现大图循环预览，点击随意一张，大图首先显示该张，其余一次循环展示_饿了吗组件

3、实现：



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;
},

说明：如有问题，或者建议、或者需要改进的地方，可以联系我，谢谢?

文章来源： https://blog.51cto.com/u_13002884/5894573

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。