Vue js submit function

Question

There is code to handle the button to close the page and initialize submit

window.onbeforeunload = function(e) {
  var dialogText = 'Dialog text here';
  e.returnValue = dialogText;
  return dialogText;
};

How to use JavaScript to process this function in Vue JS to send the form through HTML tags? I did similar things on Jinja, but I can specify data directly in the URL

KingsthwaiteJ · Accepted Answer · 2021-10-18 20:03:14Z

1

You need to bind that function to the beforeunload window event when the component is initialized.

Example:

mounted() {
    window.addEventListener("beforeunload", this.unload);
},

methods: {
    unload(e) {
        var dialogText = 'Dialog text here';
        e.returnValue = dialogText;
        return dialogText;
    }
}

Alternatively, if you're using the form element with a submit function, you could just call unload() directly? Hard to know whether that would simplify the solution without seeing more of your code.

answered Oct 18, 2021 at 20:03

KingsthwaiteJ

4945 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sergey Ka Over a year ago

I need send data in unload func, but it not work. Code and log: pastebin.com/HkQS5KYe

KingsthwaiteJ Over a year ago

Have you tried awaiting the this.test() function and the axios call inside test()? It looks like the output of the request will never be logged because you're not waiting for the request to finish before moving on.

Sergey Ka Over a year ago

this helped me: stackoverflow.com/a/69647485/16067483

Collectives™ on Stack Overflow

Vue js submit function

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related