Vee-Validate3: проверить бэкэнд с Laravel 6 - PullRequest
Новая
       40

Vee-Validate3: проверить бэкэнд с Laravel 6

0 голосов
/ 20 января 2020

Я использовал Vee-validate@3.x.x для проверки Backend с Laravel, следующий код ниже

В моем шаблоне 

<ValidationObserver ref="form">
    <div>
        <label class="font-weight-bold" for="name">Name</label>
        <ValidationProvider name="name" rules="required|name" v-slot="{ errors }">
            <v-text-field solo outlined dense label="Enter Name" v-model="form.name"></v-text-field>
            <span class="red--text">{{ errors[0] }}</span>
        </ValidationProvider>
    </div>
</ValidationObserver>

В моем скрипте 

this.$axios
    .$post(`/api/user`, this.form)
    .then(res => {
        this.form = res;
        this.getItems();
        this.$toast.info("Succeessfully Created");
        this.closeDialog();
    })
    .catch(err => {
        console.log(err.response.data.errors);
        this.$refs.form.setErrors(
            err.response.data.errors
        );
    });

при попытке отправить форму появляется ошибка

Uncaught (в обещании) TypeError: _this2. $ Refs.form.setErrors не является функцией

До сих пор понятия не имею, что происходит ...

Я буду признателен за всю вашу помощь. Спасибо ..

1 Ответ

0 голосов
/ 20 января 2020

Наконец, я решил это, изменив setErrors на validate

В моем сценарии 

.catch(err => {
        console.log(err.response.data.errors);
        this.$refs.form.validate(
            err.response.data.errors
        );
    });
...