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

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

Andrés Cruz En Udemy