JavaScript 在关闭选项卡之前执行操作

Question

在客户端关闭选项卡或浏览器之前，我在执行某些操作时遇到了一些问题。我正在使用 Vue，我需要向后端发送 HTTP 请求以执行某些操作。 我知道 Vue 有函数 beforeDestroy() 并且我已经实现了它，但是如果客户端关闭选项卡或浏览器，它就无法执行该操作。 我尝试做类似的事情：

created() {
        window.addEventListener('beforeunload', this.leaveOrder())
    },

但是还是没有成功。 有谁知道我该如何解决这个问题？

顺便说一句：leaveOrder 函数是一个简单的 post 请求，看起来像：

leaveOrder () {
            return new Promise((resolve, reject) => {
                this.$http.post("/order/" + this.order.id + '/leave').then(response => {
                        console.log('Leaving')
                    })
                    .catch(error => {
                        console.log('Something bad happeneds')
                    });
                resolve(true)
            })
        },