Skip to main content
Mixin para controle de estado de erros em formulários. Normaliza erros vindos de respostas de API e os expõe por campo, facilitando a exibição de feedback inline ao usuário.

Uso

import errorsMixin from '@/mixins/errors';

export default {
    mixins: [errorsMixin],
    methods: {
        async submit() {
            try {
                await api.post('/endpoint', this.form);
            } catch (e) {
                this.setErrorsFromResponse(e);
            }
        },
    },
};

Data

PropriedadeTipoValor padrãoDescrição
errorsObject{}Mapa de erros indexado por alias de campo.

Computed

ComputedTipoDescrição
hasErrorsBooleantrue se houver ao menos um campo com mensagem de erro.

Métodos

MétodoParâmetrosDescrição
getErroralias: StringRetorna a mensagem de erro do campo ou undefined.
hasErroralias: StringRetorna true se o campo tiver erro.
setErrorsFromResponsee: ErrorPopula errors a partir do objeto e.response.data.errors da API.
setErroralias: String, message: StringDefine manualmente uma mensagem de erro para um campo.
clearErrorsLimpa todos os erros.