Mensaje de acción realizada, toast en Vue 3 con Oruga UI

- Andrés Cruz

In english
Mensaje de acción realizada, toast en Vue 3 con Oruga UI

Otro componente muy interesante que tenemos a nuestra disposición es del de mostrar mensaje tipo toast; para eso tenemos la función de:

this.$oruga.notification.open

Que recibe como parámetros:

  • message, El mensaje.
  • position, La posición que puede ser: top-right toptop-left bottom-right bottom  bottom-left
  • variant, La variante que puede ser: primary info warning danger
  • duration, La duración expresada en milésimas de segundo.
  • closable, Y si puede ser cerrado mediante un click.

Por ejemplo:

this.$oruga.notification.open({
        message: "Registro eliminado",
        position: "bottom-right",
        variant: "danger",
        duration: 4000,
        closable: true,
});

O para guardar:

this.$oruga.notification.open({
   message: "Registro procesado con éxito",
   position: "bottom-right",
   duration: 4000,
   closable: true,
});
Andrés Cruz

Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz en Udemy

Acepto recibir anuncios de interes sobre este Blog.