空对象的值不显示错误消息 [Vee 验证 3]

时间:2021-03-24 03:45:22

标签: vue.js vee-validate

我尝试使用必需规则、插槽属性 validate 验证自定义文件上传器组件,并在 @change 事件上调用它。每当我删除一个文件时,Validation Provider 中的数据就会变成一个空对象,这是正确的,但没有显示错误消息。

<ValidationProvider
   name="Logo"
   rules="required"
   vid="logo"
   v-slot="{ validate, errors }"
>
   <FileUploader
      :image="form.logo"
      @change="validate($event); form.logo = $event"
      :class="{ 'is-invalid': errors[0] }"
      mine-type="image/png"
      is-logo
      :aspect-ratio="0"
   />
   <span
      class="invalid-feedback"
      role="alert"
      v-if="errors[0]"
   >
      <strong>{{ errors[0] }}</strong>
   </span>
</ValidationProvider>

0 个答案:

没有答案