<template>
<el-image-viewer
v-if="showViewer"
:on-close="closeViewer"
:url-list="viewerImgList"
/>
</template>
<script>
import ElImageViewer from "element-ui/packages/image/src/image-viewer";
export default {
props: ["menuIdx","modelType"],
data() {
return {
showViewer:false,
viewerImgList:[],
}
},
components: {
ElImageViewer
},
methods: {
// 点击查看图片
imgClickHandle(){
this.showViewer=true
},
// 查看图片关闭事件
closeViewer(){
this.showViewer=false
},
}
}
</script>
vue element 使用el-image-viewer预览图片
最新推荐文章于 2024-03-27 15:19:47 发布