elementUI中form表单的upload上传图⽚及校验总结
⾃定义校验⽅法,因为我的项⽬是,分情况,可以选择是否有图,所以我定义了⼀个变量hasFmt,当他为false的时候,才会要求上传,⾛这个校验⽅法,rules⾥声明这个⽅法
var valiIcon = (rule, value, callback) => { // 图⽚验证 if (!this.hasFmt) {
callback(new Error('请上传图⽚')); } else {
callback(); }}
icon:[
{required:true, validator: valiIcon, trigger: 'change' } // 图⽚验证 ]
根据情况去切换hasFmt的值 就可以控制是否校验失败啦~~这就是校验图⽚的思路了,是不是很简单呢~~~再来说说表单带着图⽚⼀起上传~
onChange(file,fileList){ if(fileList.length>0){ this.hasFmt = true; }},
