Vue js提交函数

Question

有代码处理按钮来关闭页面并初始化提交

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

如何使用JavaScript在Vue JS中处理这个函数，通过HTML标签发送表单?我在Jinja上做了类似的事情，但是我可以直接在URL

中指定数据

Answer 1

您需要在组件初始化时将该函数绑定到beforeunload窗口事件。

的例子:

mounted() {
window.addEventListener("beforeunload", this.unload);
},
methods: {
unload(e) {
var dialogText = 'Dialog text here';
e.returnValue = dialogText;
return dialogText;
}
}

或者，如果您使用form元素和提交函数，您可以直接调用unload()?如果不看到更多的代码，很难知道这是否会简化解决方案。