vue-photo-preview图片预览失效怎么办？如何修复vue图片预览插件问题？

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

目录 + Vue Photo Preview 图像预览失效 + Vue Photo Preview 图像预览使用 + 应用场景 + 选择 + 使用 + 注意 + Vue Photo Preview 图像预览失效 + img class=pic v-for=(item, index) in imgList :key=index :src=item.smallFileName +

目录

• 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的使用

应用场景

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