errors - Yampi Developer Portal

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

Propriedade	Tipo	Valor padrão	Descrição
`errors`	`Object`	`{}`	Mapa de erros indexado por alias de campo.

Computed

Computed	Tipo	Descrição
`hasErrors`	`Boolean`	`true` se houver ao menos um campo com mensagem de erro.

Métodos

Método	Parâmetros	Descrição
`getError`	`alias: String`	Retorna a mensagem de erro do campo ou `undefined`.
`hasError`	`alias: String`	Retorna `true` se o campo tiver erro.
`setErrorsFromResponse`	`e: Error`	Popula `errors` a partir do objeto `e.response.data.errors` da API.
`setError`	`alias: String, message: String`	Define manualmente uma mensagem de erro para um campo.
`clearErrors`	—	Limpa todos os erros.

⌘I