iview表单校验文件的必填

wytraining

已于 2022-09-02 10:08:23 修改

阅读量1.9k

点赞数

分类专栏： js 文章标签： javascript 前端开发语言

于 2022-05-07 18:48:39 首次发布

本文链接：https://blog.csdn.net/wytraining/article/details/124637012

版权

本文介绍了在iview框架中遇到的表单文件上传后，验证仍然提示'请上传文件！'的问题。文章重点讨论了问题的关键所在，并提供了一个解决方案，包括在js中定义校验方法以及在文件上传成功后重新触发文件必填项的验证。

摘要由CSDN通过智能技术生成

1.问题描述

iview中使用form组件来校验各个字段的必填项，其中在校验文件时，即使文件已上传成功，依旧提示“请上传文件！”

2.重点

在formValidate.file中定义一个validator的方法
文件上传成功后，再次对 “文件必填项” 进行校验：this.$refs.formRef.validateField('file')
注意：任何想手动触发再次校验的字段，都可以根据 this.$refs.formRef.validateField('字段名') 进行校验

3.解决方案

1.html：

<Form
    ref='formRef'
    :model='resultForm'
    :rules='formValidate'
    :label-width='100'
>
    <FormItem
        prop='name'
        label='成果名称：'
    >
        <Input
            clearable
            placeholder='请输入成果名称'
            v-model='resultForm.name'
        />
    </FormItem>
    <FormItem

最低0.47元/天解锁文章