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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。