Vee-Validate：使用 Laravel 6 验证后端

Question

我使用 Vee-validate@3.x.x 通过 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 (in promise) TypeError: _this2.$refs.form.setErrors is not a function

还是没头绪，怎么回事...

感谢您的所有帮助。谢谢..

Answer 1

最后，我把setErrors改为validate

解决了

在我的脚本中

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

Vee-Validate：使用 Laravel 6 验证后端

Vee-Validate3: Validate backend With Laravel 6

laravel

vuejs2

vee-validate