1. 情况说明:在使用elmentUI的按钮组件时,禁用掉了按钮,但是仍可以点击选取文件。
2. 检查代码:按钮的disabled绑定没问题,后来仔细查看,原来是el-upload没有绑定disabled。
正确代码:
<el-upload
:disabled="fileUpload"
ref="fileInput"
:action="baseUrl + '?antSerApplyNo='+antSerApplyNo"
name="advanceFileUpload"
:on-change="handleChange"
:on-remove="handleRemove"
:on-progress="handleProgress"
:on-success="handleSuccess"
:file-list="fileList"
:on-error="handleError"
:on-exceed="handleExceed"
:before-remove="beforeRemove"
:multiple="true"
:limit="50"
:headers="headers"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary" style="margin: 10px 10px 10px 0;" :disabled="fileUpload">选取文件</el-button>
<el-button size="small" :loading="upFileFlag" :disabled="fileUpload" type="success" @click="submitUploaddialog">上传文件</el-button>
<div slot="tip" class="el-upload__tip">温馨提示:只能上传pdf、jpg、jpeg文件!</div>
</el-upload>