elementUI文件上传控件单个页面存在多个时的解决办法

目录

<el-upload
              class="upload-demo"
              ref="upLoad2" ----------------------上传控件唯一标志
              action="https://jsonplaceholder.typicode.com/posts/"
              
              :on-change="handleChange"
              :file-list="fileList"
              :auto-upload="false">
              <el-button slot="trigger" size="small" type="primary" @click="curup('upLoad2')">选取文件</el-button>
              <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
              <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload

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

作者：Jspeng
欢迎任何形式的转载，但请务必注明出处。
限于本人水平，如果文章和代码有表述不当之处，还请不吝赐教。