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();
},


posted @ 2018-10-16 15:58  Jspeng  阅读(3642)  评论(0)  编辑  收藏  举报