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

【问题标题】：Vee-Validate3: Validate backend With Laravel 6Vee-Validate：使用 Laravel 6 验证后端
【发布时间】：2020-05-06 02:29:29
【问题描述】：

我使用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

还是不知道怎么回事……

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

【问题讨论】：

标签： laravel vuejs2 vee-validate

【解决方案1】：

最后，我通过将setErrors 更改为validate 解决了这个问题

在我的脚本中

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

【讨论】：