由于 饿了吗 ui 对于上传图片是没有这种格式的验证,就要自己手动配一下。
首先配一个自定义的验证规则
var validatePass = (rule, value, callback) => {
if (this.logo.length == 0) {
callback(new Error('请上传图片'))
} else {
callback()
}
}
这里我的上传图片的列表是和logo字段绑定的
所以当logo长度为0时,就是没有上传图片
当但是这样的话,在上传图片后不会自动验证,所以要在上传图片成功后,触发这个验证
this.$refs.ruleData.validateField('fileList') //对图片重新验证
对这个验证重新进行效验
在对于点击删除事件的方法时,当图片列表的长度为0时,再次触发图的验证。