Vue.js Vue vuelidate不工作文件类型输入
我用于vue js表单验证。() 在我的所有场景中工作都很好 但它在表单上传文件验证中不起作用 因为文件类型输入不能设置v-model属性,并且我在v-model属性添加时间中有以下错误 “v-model”指令不支持“file”输入类型 所以这个值没有改变。下面是我的代码示例Vue.js Vue vuelidate不工作文件类型输入,vue.js,vuelidate,Vue.js,Vuelidate,我用于vue js表单验证。() 在我的所有场景中工作都很好 但它在表单上传文件验证中不起作用 因为文件类型输入不能设置v-model属性,并且我在v-model属性添加时间中有以下错误 “v-model”指令不支持“file”输入类型 所以这个值没有改变。下面是我的代码示例 <input type="file" id="input-file-now" class="dropify" multiple accept="i
<input type="file" id="input-file-now" class="dropify" multiple accept="image/*"
@change="model.file = eDatas.target.files" v-bind:class="{'is-invalid': $v.model.file.$error}">
<div v-if="$v.model.file.$error" class="invalid-feedback">
Select Image
</div>
data () {
return {
model: {}
}
},
validations: {
model: {
title: { required },
file: {
required: requiredIf(function (nestedModel) {
return !this.model.file || this.model.file.length == 0;
})
}
}
},
选择图像
数据(){
返回{
模型:{}
}
},
验证:{
型号:{
标题:{必需},
文件:{
必需:requiredIf(函数(嵌套模型){
return!this.model.file | | this.model.file.length==0;
})
}
}
},
我试图
requireif
,但这也不起作用。如果你知道这个解决方案。请与我分享。我弄错了。而requiredIf
是表单文件类型输入验证的解决方案
我的错误是model
value initfile:[]
&requiredIf
条件
data () {
return {
model: {
file: [] // New changes
}
}
},
validations: {
model: {
title: { required },
file: {
required: requiredIf(function (nestedModel) {
return this.model.file.length == 0; // New changes
})
}
}
}
validate()在vue js中非常有用,我现在不在计算机附近测试此解决方案,但我认为您可以这样做:
,然后VueValidate将检测到v-model不是空的,并正确验证它