<template>
<div v-viewer :options="options">
<div
v-for="(item, index) in imgArray"
:key="item.id"
>
<img
:src="这里是缩略图地址"
:onerror="javascript:this.src='这里是加载错误时显示的图片地址'"
:data-source="这里是原图地址"
/>
</div>
</div>
</template>
data() {
return {
options: {
url: 'data-source'
},
};
},



​​Vue使用v-viewer,显示缩略图点击打开原图​​

​https://codepen.io/mirari/pen/LYENgMM​