vue3监听页面退出事件
时间: 2023-07-27 09:28:52 浏览: 178
在 Vue 3 中,我们可以使用 `onBeforeUnmount` 钩子函数来监听页面退出事件。
使用方法如下:
```javascript
import { onBeforeUnmount } from 'vue';
export default {
setup() {
// 监听页面退出事件
onBeforeUnmount(() => {
// 执行相关清理操作
console.log('页面即将退出');
});
},
};
```
在上述代码中,我们使用 `onBeforeUnmount` 钩子函数来监听页面退出事件。在页面即将退出时,会执行回调函数中的相关清理操作。
需要注意的是,`onBeforeUnmount` 钩子函数只能在 `setup` 函数中使用,不能在组件选项中使用。同时,该钩子函数只会在组件被销毁前执行一次。如果需要监听多个页面退出事件,可以在根组件中使用该钩子函数。