elementui中表单先上传但不请求接口，点击按钮后在请求接口的方式上传文件，及校验

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"><el-form-item label="选择文件" prop="fileList"><el-upload ref="upload" action="#" :auto-upload="false" :on-change="handleFileChange":on-exceed="handleExceed" :on-remove="handleFileRemove" :file-list="ruleForm.fileList" drag :multiple="true" :limit="1" accept=".jpg,.jpeg,.png,.pdf,.doc,.docx"><i class="el-icon-upload"></i><div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div><div class="el-upload__tip" slot="tip">只能上传docx/doc/pdf/png/jpg/jpeg文件，且不超过200MB</div></el-upload></el-form-item>
</el-form><span slot="footer" class="dialog-footer"><el-button @click="dialogImportVisible = false">取 消</el-button><el-button type="primary" @click="handleImportSure('ruleForm')">解 析</el-button></span>

ruleForm: {fileList: [],
},
rules: {fileList: [{ required: true, message: '请上传附件', trigger: 'change' }],
},

// 文件选择变化时的回调
handleFileChange(file, fileList) {// 文件大小校验（示例：限制200MB）const isLt200M = file.size / 1024 / 1024 < 200;if (!isLt200M) {this.$message.error('文件大小不能超过200MB');// 移除不符合条件的文件this.ruleForm.fileList = this.ruleForm.fileList.filter(item => item.uid !== file.uid);return false;}this.ruleForm.fileList = fileList;this.$refs.ruleForm.clearValidate(['fileList']);
},
// 文件移除时的回调
handleFileRemove(file, fileList) {this.ruleForm.fileList = fileList;
},
// 文件个数超出
handleExceed() {this.$modal.msgError(`上传文件数量不能超过 1 个!`);
},
// 解析
handleImportSure(formName) {this.$refs[formName].validate((valid) => {if (valid) {// 请求接口// getExtract({ file: this.ruleForm.fileList[0].raw }).then(res => {})} else {console.log('error submit!!', this.ruleForm.fileList);return false;}})
},