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,
});
Vue
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.

!Cursos desde!

10$

En Udemy

Quedan 4d 07:55!


Udemy

!Cursos desde!

4$

En Academia

Ver los cursos

!Libros desde!

1$

Ver los libros
¡Hazte afiliado en Gumroad!