Vue Как отправить данные на сервер перед тем, как покинуть страницу?

Question

Как вы отправляете данные на сервер перед закрытием вкладки, браузером, переходом на другую страницу или перезагрузкой страницы?Я пробовал следующее, но не работает.

ready: function() {
        Vue.util.on(window, 'beforeunload', this.save, false);
    }

Answer 1

Если вы используете Vue2, возможно, вам просто нужно написать это по-другому:

created() {
    window.addEventListener('beforeunload', this.sendData)
  },
  methods: {
    sendData() {
      //send the data
    },
  },

Я думаю, способ, которым вы пишете, мог бы работать в более старых версиях Vue.Вышеупомянутый метод, кажется, работает для людей в соответствии с этим потоком (https://forum.vuejs.org/t/detect-browser-close/5001/6), но сложно создать скрипку для его тестирования, так как большинство браузеров игнорируют предупреждение в этой ситуации. Однако он не должен блокировать ваш вызов API.