Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js Vue vuelidate不工作文件类型输入_Vue.js_Vuelidate - Fatal编程技术网

Vue.js Vue vuelidate不工作文件类型输入

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

我用于vue js表单验证。()

在我的所有场景中工作都很好

但它在表单上传文件验证中不起作用

因为文件类型输入不能设置v-model属性,并且我在v-model属性添加时间中有以下错误

“v-model”指令不支持“file”输入类型

所以这个值没有改变。下面是我的代码示例

<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 init
file:[]
&
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不是空的,并正确验证它