Vue 关闭页面触发事件

在Vue中，如果你想要在用户尝试关闭页面时触发一个事件，你可以使用浏览器原生的 beforeunload 事件。你可以在Vue实例的 mounted 钩子函数中添加事件监听器，并在 beforeDestroy 钩子函数中移除监听器。

以下是一个简单的示例：

new Vue({
  el: '#app',
  mounted() {
    window.addEventListener('beforeunload', this.onBeforeUnload);
  },
  beforeDestroy() {
    window.removeEventListener('beforeunload', this.onBeforeUnload);
  },
  methods: {
    onBeforeUnload(event) {
      // 在这里编写你想要触发的代码
      // 例如：
      console.log('用户尝试关闭页面');
 
      // 以下代码可以设置返回的警告信息
      // 如果你想要弹出确认对话框让用户确认是否真的要离开，可以设置 event.returnValue
      // event.returnValue = '你确定要离开这个页面吗？';
    }
  }
});

当用户尝试关闭页面时，onBeforeUnload 方法会被调用，你可以在这个方法里执行你需要的任何逻辑。如果你想要显示一个确认对话框让用户确认是否真的要离开，可以设置 event.returnValue。