【Uniapp-Vue3】onUnload页面卸载和onPageScroll页面监听滚动

一、onUnload函数

当页面卸载就会触发该函数:

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

onUnload(()=>{...})

open-type="reLauch"会在跳转到别的页面的同时将当前页面销毁。

当我们跳转页面以后,就触发了onUnload函数,同时左上角的返回箭头也消失了。

二、onPageScroll函数

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

onPageScroll(()=>{...})

给盒子设置一个高,滚动的时候输出当前页面离顶部的距离:

相关推荐
冰暮流星4 小时前
javascript之数组
java·前端·javascript
晚霞的不甘5 小时前
Flutter for OpenHarmony天气卡片应用:用枚举与动画打造沉浸式多城市天气浏览体验
前端·flutter·云原生·前端框架
xkxnq5 小时前
第五阶段:Vue3核心深度深挖(第74天)(Vue3计算属性进阶)
前端·javascript·vue.js
三小河5 小时前
Agent Skill与Rules的区别——以Cursor为例
前端·javascript·后端
Hilaku5 小时前
不要在简历上写精通 Vue3?来自面试官的真实劝退
前端·javascript·vue.js
三小河5 小时前
前端视角详解 Agent Skill
前端·javascript·后端
Aniugel5 小时前
单点登录(SSO)系统
前端
颜酱5 小时前
二叉树遍历思维实战
javascript·后端·算法
鹏多多5 小时前
移动端H5项目,还需要react-fastclick解决300ms点击延迟吗?
前端·javascript·react.js
serioyaoyao5 小时前
上万级文件一起可视化,怎么办?答案是基于 ParaView 的远程可视化
前端