How to display (handle) errors in vue.js that came from the laravel validator?

Question

Vue.js

Good afternoon, tell me how to correctly display validator errors in vue.js in the notify plugin.

.catch(error => {
                        this.$q.loading.hide()
                        this.$q.notify({
                            color: 'red-4',
                            textColor: 'white',
                            message: 'Ошибка'
                        })
                    })

Now it looks like this, but does not give specifics. Of course, you can manually start writing if to each field, but it looks like a monkey's work. How it is possible to implement dropout of errors? How to process an array coming from Laravel? For example, the validator returned errors for 3 fields and 3 notify responses were displayed, I don’t understand how to iterate over such an array.

Answer 1

.catch((error) => {
        let errors = error.response.data.errors;
        for (let variable in errors) {
            this.$notify({
                type: 'error',
                title: errors[variable][0],
            });
        continue;
    }
});