代码如下:
<div v-viewer="options" class="images">
<template v-for="item in imageList">
<img :src="item.small" class="image" :key="item.imageId" :data-src="item.big" style="weight:50px;height:50px;">
</template>
</div>
data() {
return {
imageList:[],
options: {
url: 'data-src'
},
}
方法:
getImageList() {
getImage().then(response => {
response.data = response.data.map((item,index)=>{
item.big = item.Path
item.small = item.Path
return item
})
this.imageList=response.data;
});
},
用了同一个图片地址,多个图片显示时以缩略图的形式显示,点击单个图片查看就是原先大小的图片,但是点击单个图片弹出预览时整个页面没有显示在最前面,需要关掉当前页面才能查看图片预览,这是为什么?
博问支持 markdown 语法,建议改进一下排版
– dudu 4年前