Notificación indicando que esta saliendo sin guardar los cambios

vue-cli
webpack

#1

Buenas tardes, tengo un pequeño problema con mi app, y es que los clientes realizan cambios en el formulario y posteriormente se van a otro apartado sin pulsar en el botón de guardar, me gustaría añadir un aviso indicando que esta saliendo sin aplicar los cambios, ¿Como podría hacerlo? ¿Hay alguna opción a nivel global para no tener que ir botón a botón creando una condición de si ha modificado que muestre la alerta?

Gracias. Un saludo.


#2

Podrias usar el beforeRouteLeave guard y si necesitas que sea aplicado en todos los componentes crea un mixin con el mismo.


#3

Perfecto, muchas gracias!