vue-photo-preview插件踩坑问题

一、vuevue-photo-preview插件的使用1、安装依赖npminstallvue-photo-preview--save2、全局引入（main.js）importpreviewfrom'vue-photo-preview'import'vue-photo-preview/dist/skin.css'Vue.use(preview)3.如果需要更改默认配置importpreviewfrom'vue-photo-preview'import'vue-photo-preview/dist/skin.css'varoption={maxSpreadZoom:1,//控制预览图的最大倍数，默认是2倍，我这里改成了原图fullscreenEl:false,//控制是否在上方显示全屏按钮rightcornercloseEl:false,//控制是否显示右上角关闭按钮tapToClose:true,//点击滑动区域关闭图库shareEl:false,//控制是否显示分享按钮zoomEl:false,//控制是否显示缩放按钮counterEl:false,//控制是否在左上角显示图片数量按钮arrowEl:true,//如图控制左右箭头（pc浏览器模拟手机时）tapToToggleControls:true,//点击切换控件可见性clickToCloseNonZoomable:true//点击图片关闭gallery，仅当图片小于视口尺寸时}Vue.use(preview,option)4.使用#预览同理，表示同一组照片5.如果后台请求图片数据#调用这个.$previewRefresh()加载数据后this.$previewRefresh()2.坑问题：问题1：当我使用一组图片循环时，其中一张图片报错404或者加载失败后，你会发现点击放大查看整组图片的时间会失效。解决方法：给图片绑定error事件，只要找到404图片或者加载失败的图片，全部删除。