vue.js - element-ui 的upload如何在from中进行验证？

问题描述

问 题

element-ui 的upload如何在from中进行验证？
:file-list="ruleForm.fileList" 这样加 但是还是提示 请上传...

<el-form-item label="上传照片或视频" prop="fileList">

                <el-upload
                        action="https://jsonplaceholder.typicode.com/posts/"
                        :file-list="ruleForm.fileList"
                        :on-success="handlePicSuccess"
                        :before-upload="beforePicUpload">
                    <el-button size="small" type="primary">点击上传</el-button>
                    <div slot="tip" class="el-upload__tip">只能上传一张jpg/png文件，且不超过2MB</div>
                </el-upload>
            </el-form-item>
            

rules中
fileList:[

        {required: true, message: '请上传图片或视频', trigger: 'change'}
      ]

但是选择了一个图 请上传图片或视频

我想到的一个办法是加一个隐藏的input，给这个input传值验证

解决方案

beforePicUpload (file)
{
    //判断file.size 大于0
} 

这篇关于vue.js - element-ui 的upload如何在from中进行验证？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！