【Uniapp-Vue3】onShow和onHide钩子的对比和执行顺序

页面生命周期函数的执行顺序是onLoad>onShow>onReady,其中只有onReady中才能获取到DOM节点。

一、onShow函数

每一次的页面切入都会触发onShow函数。

import {onShow} from "@dcloudio/uni-app";

onShow(()=>{...})

如果我点击"跳转页面1"再返回再点击"跳转页面1"再返回,那么一共会执行三次onshow

对比一下onLoad,同样的操作只触发了一次:

二、onHide函数

每一次的页面切出都会触发onHide函数,学习通后台检测切屏就使用的onHide函数。

import {onHide} from "@dcloudio/uni-app";

onHide(()=>{...})

如果我点击"跳转页面1"再返回再点击"跳转页面1"再返回,那么一共会执行两次onHide。

相关推荐
子伟-H517 分钟前
App开发框架调研对比
前端
桃子不吃李子20 分钟前
axios的二次封装
前端·学习·axios
2501_9160088925 分钟前
用多工具组合把 iOS 混淆做成可复用的工程能力(iOS混淆|IPA加固|无源码混淆|Ipa Guard|Swift Shield)
android·开发语言·ios·小程序·uni-app·iphone·swift
SteveJrong27 分钟前
面试题 - JavaScript
前端·javascript·面试·ecmascript·基础·找工作·红宝书
阿金要当大魔王~~34 分钟前
uniapp 页面标签 传值 ————— uniapp 定义 接口
前端·javascript·uni-app·1024程序员节
全栈软件开发1 小时前
uniapp三端影视源码苹果cms自动采集电影视频网站源码前端源码带VIP
前端·uni-app·影视源码
chxii1 小时前
10.4FormData :前端文件上传与表单数据处理的核心工具
前端
AntBlack2 小时前
不当韭菜 : 好像真有点效果 ,想藏起来自己用了
前端·后端·python
楊无好2 小时前
react中props的使用
前端·react.js·前端框架
一个处女座的程序猿O(∩_∩)O2 小时前
Vue-Loader 深度解析:原理、使用与最佳实践
前端·javascript·vue.js