el-upload組件限制上傳個數


element上傳文件需要限制上傳個數,結合limit和:on-exceed去處理。

<el-upload 
         ref="upload" 
         :action="uploadUrl()"
         multiple
         :limit="5"
         :on-preview="handlePreview"
         :on-remove="handleRemove"
         :file-list="fileList"
         :on-success="uploadSuccess"
         :on-exceed="masterFileMax"
         :before-remove="beforeRemove">
         <el-button size="mini">上傳附件</el-button>
 </el-upload>

  

methods: {
      masterFileMax(files, fileList) {
            console.log(files, fileList);
            this.$message.warning(`請最多上傳 ${this.limit} 個文件。`);
        }
}

  

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM