做的最好的门户网站,导购网站怎么建设,网站开发的职业认知报告,北京网络营销img 图片展示#xff0c;大图预览失效解决#xff0c;代码中使用的预览组件为#xff1a;vue-photo-preview
使用场景#xff1a;详情页面-model.images循环展示#xff0c;点击查看大图#xff0c;不能点击。
解决方案#xff1a;
在详情数据请求完毕加 this.$previ…img 图片展示大图预览失效解决代码中使用的预览组件为vue-photo-preview
使用场景详情页面-model.images循环展示点击查看大图不能点击。
解决方案
在详情数据请求完毕加 this.$previewRefresh();
img代码如下
div classrow-itemsimgv-foritem in model.images :keyitem.id:srcgetImgView(item.fileFullUrl):previewitem.id height120px altstylemax-width:120px;font-size: 12px;font-style: italic;margin-bottom: 10px;margin-right: 10px/
/div
.row-items {display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;
}
