思路:
- 借助el-form表单校验
- 当文件上传成功后,el-upload组件中的“on-success”方法,在该方法中移除该表单项的校验结果 clearValidate
如图所示:
代码如下:
<templete>
<div>
<el-form :v-model="form" :rules="rules">
<el-form-item label="文件:" prop="files" ref="fileRef">
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-remove="handleRemove"
:on-success="onSuccessFile&#