element中 上传文件的放大旋转缩小

 <el-image-viewer
             v-if="eqPictureDialogVisible"
             :on-close="closeImgViewer"
             :url-list="imagePreviewUrls"
             :z-index="3000"
             :initial-index="initialImgPreviewIndex"
         />

closeImgViewer () {
      this.eqPictureDialogVisible = false
    },
//图片放大 预览
      handleEqPicturePreviewEdit(url) {
        let index = this.imagePreviewUrls.indexOf(url)
      if (index >= 0) {
        this.initialImgPreviewIndex = index
      }
        this.pictureDialogVisible = true;
      },
//图片上传成功 回调
      handleEqPictureSuccess(response, file, fileList) {
        this.imagePreviewUrls=[]
        fileList.forEach((item)=>{
          this.imagePreviewUrls.push(item.url)
        })
        this.pictureList = fileList;
      },
  //删除图片
      handleRemoveEqPicture(id,file) {
        //删除pictuireList中（根据id找下标并删除）
        let indexL = this.pictureList.findIndex((arr) => arr.id== id);
        this.eqPictureList.splice(indexL, 1);
        //删除预览文件
        let index = this.imagePreviewUrls.indexOf(file.photoPath)
        this.imagePreviewUrls.splice(index, 1)  
      },

最后

以上就是唠叨微笑为你收集整理的element中 上传文件的放大旋转缩小的全部内容，希望文章能够帮你解决element中 上传文件的放大旋转缩小所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。