Vue中vue-photo-preview图片预览功能失灵，如何排查并修复？

本文共计675个文字，预计阅读时间需要3分钟。

目录：vue-photo-preview 图像预览失效处理与使用方法

1. 图像预览失效处理

2.使用vue-photo-preview进行图像预览

3.应用场景

4.选择与使用

5.注意事项

6.vue-photo-preview 图像预览失效案例分析

目录

• vue-photo-preview图片预览失效
• 图片预览vue-photo-preview的使用
• 应用场景
• 选择
• 使用
• 注意

vue-photo-preview图片预览失效

<img class="pic" v-for="(item,index) of imgList" :key="index" :src="item.smallFileName" :large="item.fileName" preview="0" preview-text="症状图片" >

imgList是异步获取数据的时候在获取数据后需要调用this.$previewRefresh();刷新重置一下，否则~~不生效

图片预览vue-photo-preview的使用

应用场景

点击图片，能够以类似朋友圈的方式展示图片，主要功能：预览，放大。