SOURCE

new Vue({
    el: '#app',
    data() {
        return {
            fileListA: [],
            fileListB: []
        };
    },
    methods: {

        handleBeforeUploadA(file) {
            this.fileListB.push(file);
            return false;
        },
        handleBeforeUploadB(file) {
            this.fileListA.push(file);
            return false;
        },
        handleChangeA(fileList) {
            this.fileListA = fileList;
        },
        handleChangeB(fileList) {
            this.fileListB = fileList;
        }
    }
})

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js">

</script>
<div id="app">
  <el-upload
      class="upload-demo"
      drag
      action="https://jsonplaceholder.typicode.com/posts/"
      multiple
      :before-upload="handleBeforeUploadA"
      :file-list="fileListA"
      @change="handleChangeA"
    >
      <i class="el-icon-upload"></i>
      <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
      <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
    </el-upload>

    <el-upload
      class="upload-demo"
      drag
      action="https://jsonplaceholder.typicode.com/posts/"
      multiple
      :before-upload="handleBeforeUploadB"
      :file-list="fileListB"
      @change="handleChangeB"
    >
      <i class="el-icon-upload"></i>
      <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
      <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
    </el-upload>
</div>

.inner-box {
    width: 100%;
    /* height: 100%; */
}
.container {
    min-height: 800px;
    height: 100%;
}
.config-editor {
    padding: 10px;
    box-sizing: border-box;
}
.doc-main {
    height: 100vh;
    min-height: 200px;
}