ts+element-plus 关于el-upload限制上传数量,超过则隐藏上传按钮

40 阅读1分钟
  1. 先展示一下效果图: Snipaste_2025-05-09_11-16-52.png
  2. 代码实现 写一个样式把上传按钮给隐藏掉
  <el-upload
      :class="imageForm.fileList.length >= 10 ? 'hide' : ''"
            class="image-uploader"
            :before-upload="beforeImgUpload"
            :http-request="customUpload"
            :on-preview="handlePictureCardPreview"
            :limit="10"
            v-model:file-list="imageForm.fileList"
            list-type="picture-card"
            multiple
            accept=".jpg, .jpeg, .gif, .png"
            :on-exceed="handleExceed"
          >
            <el-icon><Plus /></el-icon>
  </el-upload>

.hide {
  :deep(.el-upload--picture-card) {
    display: none;
  }
}