vant-uploader组件删除预览图片之前的回调函数使用方法

最新推荐文章于 2025-11-13 10:13:08 发布

原创最新推荐文章于 2025-11-13 10:13:08 发布 · 7k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vant-uploader #vant上传组件回调

vant 专栏收录该内容

6 篇文章

订阅专栏

博客介绍了Vant上传组件的相关内容，从文档可知该组件有两个回调参数，并且支持返回Promise。

由文档可知，before-delete有两个回调参数，file和detail，支持返回Promise

在这里插入图片描述

// 删除图片前的回调，可以返回Promise
delImg (file, detail) {
  return new Promise((resolve, reject) => {
    this.$dialog.confirm({
      message: '确认删除图片？'
    }).then(() => {
      // 存放图片的数组
      this.refProp.value.splice(detail.index, 1)
      this.$toast.success('删除成功')
      resolve()
    }).catch(error => {
      this.$toast.fail('已取消')
      reject(error)
    })
  })
},