I am working on a project. I have a create product page. When user fill out one of input boxes and decide to click another menu i can catch the click event beforeRouteLeave hooks and trigger the "page leaving warning pop up component".

On the other hand I need to trigger that pop up again when user click browser's page refresh button. How can I do that? I have tried so many events such as "beforeonload onunload unload" so far. I can get default warning pop up that comes from browser and I could not override it.

I tried many times but without success. Anyone guide me?