<el-upload
class="upload-demo"
:action="baseUrl + '/api/localStorage' + '?name='+fileName"
:headers="headers"
:before-upload="beforeUpLoad"
multiple
accept=".xls,.xlsx"
:auto-upload="false"
>
<el-button size="small" type="primary">选取文件</el-button>
<el-button type="success" @click="submitFile">上传到服务器</el-button>
<!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>-->
</el-upload>
这是之前写的,会导致点击两个按钮都会触发上传文件的事件
解决方法是在需要触发上传文件功能的按钮上添加 slot="trigger"
<el-upload
class="upload-demo"
:action="baseUrl + '/api/localStorage' + '?name='+fileName"
:headers="headers"
:before-upload="beforeUpLoad"
multiple
accept=".xls,.xlsx"
:auto-upload="false"
>
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<el-button type="success" @click="submitFile">上传到服务器</el-button>
<!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>-->
</el-upload>