本文介绍: 通过:perview–src–list=”getImgList(scope.row.workPhoto, index)”来开启图片预览功能且调用方法getImgList(),每次传入当前表格的图片地址数组以及点击查看的图片的下标。通过v-for来遍历每个列表的图片地址数组,结合:src=”item“把每个图片展示在表格里,展示图片的大小样式用style来设定。点击第二张图片查看时,通过点击图片的下标进行重新排序且输出新的数组,实现轮播效果。workPhoto是图片地址的数组。
效果:能在表格中展示且点击需要查看的即可放大查看,多组图片放大时可左右切换
注意:
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。