前端 - uniapp项目监听页面刷新？

Question

uniapp项目如何监听页面刷新

Answer 1

在uniapp中，可以使用onShow生命周期方法来监听页面刷新。onShow方法会在页面每次出现/重新出现时被触发，包括页面从后台切换到前台、从子页面返回、页面被重定向等情况。

示例代码如下：

onShow() {
console.log('页面刷新');
}

当页面刷新时，控制台会输出"页面刷新"。你可以在onShow方法中执行刷新页面的操作。注：如果你需要监听页面隐藏（即页面隐藏在后台），可以使用onHide生命周期方法。

https://uniapp.dcloud.net.cn/tutorial/page.html#lifecycle

Answer 2

如果是H5项目可以监听 beforeunload 这个事件来获取页面刷新事件。

如果是你想要在浏览器刷新之后做一些处理的话，那么需要监听 load 或者 DOMContentLoaded 事件。