关于#el-image-viewer#的问题，如何解决？(关键词-view)

el-image-viewer 预览时 想在外面加一个div 放文字说明

用定位

• 文章：el image-viewer 图片预览组件 中也许有你想要的答案，请看下吧
• 除此之外, 这篇博客: Element el-image-viewer根据点击图片依次预览中的 代码 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

•    <div class="file-item" v-for="(item,index) in ruleForm.workerQualificatLicenseImage" :key="index">
                              <el-image
                                  @click="handleImgClick(index)"
                                  :src="item.url"
                                  height="90" width="130"
                              />
                              <el-image-viewer
                                  v-if="showViewer"
                                  :on-close="closeViewer"
                                  :url-list="viewerImgList"
                              />
                          </div>
  

   // 点击缩略图的方法
          handleImgClick(index) {
              this.showViewer = true;
              let tempImgList = [];//所有图片地址
              this.ruleForm.workerQualificatLicenseImage.map(item=>{
                  tempImgList.push(item.url);
              });
              let temp = [];
              for (let i = 0; i < index; i++) {
                  //shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。
                  temp.push(tempImgList.shift());
              }
              this.viewerImgList = tempImgList.concat(temp);//将当前图片调整成点击缩略图的那张图片
          },
          onPreview() {
              this.showViewer = true
          },
          // 关闭查看器
          closeViewer() {
              this.showViewer = false
          },