Mostrar errores de validación en formularios de Vue 3
Comprar curso

57. Mostrar errores de validación en formularios de Vue 3

En este capítulo se enseña cómo manejar errores de validación en el formulario de edición utilizando Vue 3 y Axios. Se muestra cómo procesar las respuestas de la API para mostrar mensajes de error al usuario.


1 comentarios

Inicia sesión para comentar

Comentarios:

  • Jose Castillo

    Jose Castillo hace 2 años

    Hola Victor. Como podemos identificar los errores de validación por separado? es decir, identificar el error de un campo especifico para poder mostrarlo debajo de dicho campo. Ejm: Debajo del input de titulo que salga su respectivo error.

    • Victor Arana Flores hace 2 años

      Hola José, eso tendrías conversarlo con el encargado de la creación de la API.

      Decirle que quieres recibir los mensajes de error, en un formato de atributo valor, y de esa manera poder rescatarlo en la forma que mencionas.

    • Jose Castillo hace 2 años

      Ok. Muchas gracias!

    • José Daniel Contreras Perez hace 1 año

      Puedes agregar vuetify y agregar snackbar con mensajes de error personalizados 

    • Alejandro Echavarria hace 1 año

      Yo lo hice de la siguiente manera, lo ideal sería llevarlo a un componente y pasarle el nombre del campo (name) como un prop:

      <template v-if="errors.name">
            <span v-for="error, index in errors.name" :key="'error-name-' + error.id" style="color: red; font-size: 14px;">
              {{ errors.name[index] }}
            </span>
      </template>