VeeValidate проверяет несуществующую ошибку поля даже с ключом - PullRequest
Новая
       23

VeeValidate проверяет несуществующую ошибку поля даже с ключом

0 голосов
/ 02 июня 2019

Я пытался заставить это работать некоторое время, но я не нашел решение. Я читал о динамических полях VeeValidate, но это тоже не помогло. У меня следующая ошибка:

Uncaught (в обещании) Ошибка: [vee-validate] Проверка несуществующего поля: "# 29". Сначала используйте "attach ()".

Мой код: 

<!-- Nom de la catégorie du soin -->
                        <b-row>
                            <b-col sm="3">
                                <label>Catégorie du soin</label>
                            </b-col>

                            <!-- List or typing -->
                            <template v-if="vCatState === 'list'">
                                <b-col sm="7">
                                    <b-form-select key="a" v-model="vCategorie" id="categorySoin"
                                     @change="changeListOfServices(vCategorie)" v-validate="'required'" name="catégorie liste">

                                        <option></option>
                                        <option v-for="categoriesoin in categoriesoins" :key="categoriesoin.id" v-bind:value="categoriesoin.id">
                                            {{categoriesoin.name}}
                                        </option>

                                    </b-form-select>
                                    <span>{{ errors.first('catégorie liste') }}</span>
                                </b-col>
                            </template>
                            <template v-else-if="vCatState === 'typing'">
                                <b-col sm="7">
                                    <b-form-input key="b" type="text" v-model="vCat" id="catSoin"
                                    v-validate="'required'" name="catégorie texte"
                                    />
                                    <span>{{ errors.first('catégorie texte') }}</span>
                                </b-col>
                            </template>

                            <b-col sm="2">
                                <b-button @click="catSoin()">
                                    <font-awesome-icon icon="pen-square"/>
                                </b-button>
                            </b-col>
                        </b-row>

У меня есть «выбрать» и «текст» для переключения. Когда я закрываю свой модал, я запускаю это: this. $ Validator.reset ();

Проблема в том, что я получаю ошибку, упомянутую выше, если открываю модальное окно, редактируя строку с динамическим полем типа "a", а затем редактирую строку типа "b"

Спасибо за чтение

...