vue3 + el-image-viewer 图片组件查看

1. vue2+element -ui中

   <el-image-viewer
   
         v-if="show"
   
         :url-list="url"
   
        :on-close="closeViewer"
   
       />

   注意是on-close 

2. vue3+element-plus中

    就是close  url-list：图片数组

   getFullImageURL为图片地址处理函数

   <el-image-viewer
   
         v-if="show"
   
         :url-list="url"
   
         @close="closeViewer"
   
       />
   
   <template
   
                 v-for="(item, index) in list"
   
                 :key="index"
   
               >
   
                 <img
   
                   v-if="index == 0"
   
                   class="item-img"
   
                   :src="item"
   
                   @click="onPreview(list, index)"
   
                 />
   
               </template>