element表单文件上传必填

表单中代码

<el-form :rules="rules" ref="uploadTextBook">
 <el-form-item label="文件上传：" prop="inform">
            <el-upload :show-upload-list="true" 
            :file-list="uploadFormText.noticefileList"
           :before-upload="clickUpload" 
           action="接口" 
           :on-preview="downFile" 
           :limit="3" 
           :on-success="uploadSuccessText" 
           :on-remove="uploadRemoveText">
<el-button icon="el-icon-upload" type="primary">上传附件</el-button>
    </el-upload>
  </el-form-item>
</el-form>

js代码

<script>
export default {
  name: 'fileUpload',
  data () {
    let validatePass = (rule, value, callback) => {
      if (this.uploadFormText.noticefileList.length == 0) {
        callback(new Error('请上传文件'))
      } else {
        callback()
      }
    }
    }
    rules: {
        textbook: [{ required: true, validator: validatePass, trigger: 'change' }],
      },
    }

方法中我们在上传，删除数据时对uploadFormText.noticefileList内的数据进行增删处理，后面就可以正常使用el-form的表单验证了。

this.$refs.uploadTextBook.validate((valid) => {
        if (valid) {
        //验证
        }
        }