<template>
<div class="content1">
<el-image-viewer
v-if="isShow"
:initial-index="index"
:on-close="closeViewer"
:url-list="srcList"
/>
</div>
</template>
<script>
import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
import "element-ui/lib/theme-chalk/index.css"; // element-ui 样式
export default {
components:{ElImageViewer},
data() {
return {
index: 0,
srcList: [],
isShow:true
};
},
methods: {
closeViewer(){
this.isShow=false
}
}
};
</script>
element UI实现大图预览
最新推荐文章于 2024-06-18 20:31:38 发布