Veutify проверка ввода v-файла - PullRequest
Новая
       128

Veutify проверка ввода v-файла

1 голос
/ 10 июля 2020

Я хотел бы проверить, был ли выбран файл с помощью v-file-input и ValidationProvider из vee-validate.

Ниже мой код: 

<v-flex>
  <ValidationProvider rules="required" v-slot="{ errors }">
    <v-file-input
      show-size
      accept=".xlsx"
      placeholder="Click here to select your file"
      label="File name"
      :error="errors.length > 0"
      :error-messages="errors[0]"
      @change="selectFile"
    >
    </v-file-input>
  </ValidationProvider>
</v-flex>

Каким-то образом проверка работает, но работает слишком хорошо даже после того, как я выбрал файл:

введите описание изображения здесь

Я не уверен, что сделал не так?

1 Ответ

1 голос
/ 10 июля 2020

Выяснилось, что я должен сделать это таким образом, не уверен, почему мой выше не работает: 

rules: [
   v => !!v || 'File is required',
   v => (v && v.size > 0) || 'File is required',
]

И моя форма: 

<v-flex>
  <ValidationProvider :rules="rules" v-slot="{ errors }">
    <v-file-input
      show-size
      accept=".xlsx"
      placeholder="Click here to select your file"
      label="File name"
      :error="errors.length > 0"
      :error-messages="errors[0]"
      @change="selectFile"
    >
    </v-file-input>
  </ValidationProvider>
</v-flex>

https://codepen.io/subashdbc/pen/eYpVOKq

Размещение кодов здесь, чтобы помочь всем, кому это нужно.

...