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
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.