1、随意点击一张,大图首先展示该张,并且点击下一张,到最后一张后显示第一张,一次循环 2、效果:点击第四张,大图第一张为第四张的图 3、实现: <el-image v-for="(img,index) in imgArr":src="img":preview-src-list="getImgList(index)"></el-image>getImgList(index) { let arr=[] let i=0;...
1、随意点击一张,大图首先展示该张,并且点击下一张,到最后一张后显示第一张,一次循环 2、效果:点击第四张,大图第一张为第四张的图 3、实现: <el-image v-for="(img,index) in imgArr" :src="img" :preview-src-list="getImgList(index)"></el-image> getImgList(index) { let arr = [] let...
使用v-for指令循环渲染多张图片: 在上面的模板中,我们使用了v-for指令来循环渲染images数组中的每张图片。:key属性用于给每个元素一个唯一的标识,以便Vue能够高效地更新和渲染列表。 设置每张图片的src属性为对应的图片资源链接: 通过require函数,我们将图片资源路径转换为模块路径,并赋值给el-image标签的src属性。这样...
7. 如此，就会陷⼊循环地狱，once只能对同⼀个错误拦截，拼接err链接改变了下⼀次⼜截取掉了，所以会⽆限循环下去，之前⼀切的努 ⼒都付之⼀炬了。。。8. 执⾏报错函数else条件⾥的判断就是解决这个问题的，，!this.errobj[item]判断data⾥定义好的errobj对象⾥是否存在该条链接，不存在 ...