elementUI文件上傳控件單個頁面存在多個時的解決辦法


 1 <el-upload
 2               class="upload-demo"
 3               ref="upLoad2" ----------------------上傳控件唯一標志
 4               action="https://jsonplaceholder.typicode.com/posts/"
 5               
 6               :on-change="handleChange"
 7               :file-list="fileList"
 8               :auto-upload="false">
 9               <el-button slot="trigger" size="small" type="primary" @click="curup('upLoad2')">選取文件</el-button>
10               <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上傳到服務器</el-button>
11               <div slot="tip" class="el-upload__tip">只能上傳jpg/png文件,且不超過500kb</div>
12 </el-upload

在methods里面
submitUpload() {
     this.$refs.upLoad1.submit();
},
handleChange(file, fileList){ ----------------選中文件后確定后上傳
     console.log(this.$refs)
   this.$refs[this.Up].submit();
},



免責聲明!

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



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