iview Upload组件 表单附件验证规则写法

1.附件内容

<!-- 附件 -->
<FormItem label="附件" prop="enclosure">
    <Upload  ref="upload" v-model="attachmentListForm.enclosure" :on-success="uploadSuccess" :on-error="uploadError" multiple :headers='{"userName": userName}' type="drag" :action="actionUrl" style="width:300px;" :show-upload-list="true" :on-remove="handleRemove">
        <div>
            <Icon type="ios-cloud-upload" size="50" style="color: #3399ff"></Icon>
            <p>单击或拖动文件到此处上传</p>
        </div>
    </Upload>
</FormItem>

2.初始化

userName:getCookie(global.cookieName),
actionUrl:'',
attachmentIDs:[],  //附件
attachmentListForm: {
    enclosure: null
}

3.表单验证

ruleValidate: {
     enclosure: [
         { required: true, validator: validateUpload, trigger: 'change' }
     ]
 }

自定义验证

 // 自定义验证 判断上传文件 
const validateUpload = (rule, value, callback) => {
     if (this.attachmentIDs.length>0) {
         callback();                    
     } else {
         callback(new Error('请选择要上传的文件'));
     }
 }