обязательное поле не работает в "v-date-picker" - используя veeValidation - PullRequest
Новая
       11

обязательное поле не работает в "v-date-picker" - используя veeValidation

0 голосов
/ 08 ноября 2019

Я пытался проверить форму, в которой есть только дата. но с провайдером валидации требуемое правило не работает для v-date-picker. Использование Vue с Typscript VeeValidate версия: 3.0.11 Vueversion: 2.6,6

Код Vue 

<ValidationObserver ref="observer" v-slot="{ passes }" tag="form">
            <v-form
              @submit.prevent="passes(submit)"
            > 
<ValidationProvider rules="required" ref="datepicker" v-slot="{ errors }" mode="eager">
                  <div>
                      <v-menu
                        ref="menu"
                        v-model="menu"
                        :close-on-content-click="false"
                        :return-value.sync="date"
                        transition="scale-transition"
                        offset-y
                        min-width="290px"
                      >
                        <template v-slot:activator="{ on }">
                          <v-text-field
                            v-model="date"
                            label="Picker in menu"
                            prepend-icon="event"
                            readonly
                            v-on="on"
                          ></v-text-field>
                          <span>{{ errors[0] }}</span>
                        </template>
                        <v-date-picker v-model="date" no-title scrollable> 
                          <v-spacer></v-spacer>
                          <v-btn text color="primary" @click="menu = false">Cancel</v-btn>
                          <v-btn text color="primary" @click="$refs.menu.save(date)">OK</v-btn>
                        </v-date-picker>
                      </v-menu>
                  </div>
                </ValidationProvider>
<v-btn
                  type="submit"
                  color="primary"
                >
                submit
                </v-btn>
            </v-form>
          </ValidationObserver>

Скрипт 

private date = '';
private menu = false;

Я хотел получить сообщение "TheПоле {поле} обязательно для заполнения ".

...