vue使用ant design vue(upload)檔案上傳

她超甜i發表於2020-10-15

使用remove的時候是一個函式,剛開始我用的@remove後來用上:remove才可以,因為接收的是一個(點選移除檔案時的回撥,返回值為 false 時不移除。支援返回一個 Promise 物件,Promise 物件 resolve(false) 或 reject 時不移除。)文件原話,剛開始不知道返回值是什麼,蒙了,返回值就是return。

 <a-upload
   :action="getUploadAction()"
   list-type="picture"
   class="upload-list-inline"
   @change="handleChange"
   :headers="tokenHeader"
   v-model="fileList"
   :remove='removePhtoto'
   :beforeUpload="beforeUpload"
   :default-file-list="item.fileList"
   @preview="preview"
 >
removePhtoto() {
  if (this.status_dictText == '已完成') {
    this.$message.warning('檢視狀態下只能檢視不能編輯!');
    // 直接return一個false就可以了。
    return false;
  }
}

相關文章