Vue - 详细实现类似小程序 onShow() 一样的生命周期钩子方法，只要页面切换并显示了，就会触发这个生命周期，提供详细示例代码，一键复制运行（监听页面的显示，只要页面显示就执行代码）_vue onshow

作者：AllinToyou | 2024-02-20 19:51:36

踩

vue onshow

我们都知道，在微信小程序和 uni-app 项目中，页面有一个 onShow() 生命周期，当页面显示时就会触发。

但在 Vue.js / Nuxt.js 项目中是没有这个钩子函数的，本文详细实现当页面显示时，就触发一个函数。

本文将提供 最简单、高效 的解决方案，另外兼容性亲测完美。

如下效果图所示，首页每次显示的时候都会触发（您看控制台）对应的代码：

在这里插入图片描述

以下示例完整的给出了方案，您只需要随便找个页面复制运行起来即可。

推荐使用平台一键复制功能，避免漏选！

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/120749