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

一、onUnload函数

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

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

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

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

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

二、onPageScroll函数

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

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

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

相关推荐
朝阳58111 分钟前
用 Rust + Actix-Web 打造“Hello, WebSocket!”——从握手到回声,只需 50 行代码
前端·websocket·rust
F2E_Zhangmo11 分钟前
基于cornerstone3D的dicom影像浏览器 第五章 在Displayer四个角落显示信息
开发语言·前端·javascript
slim~31 分钟前
javaweb基础第一天总结(HTML-CSS)
前端·css·html
一支鱼35 分钟前
leetcode常用解题方案总结
前端·算法·leetcode
小浣熊喜欢揍臭臭1 小时前
react+umi项目如何添加electron的功能
javascript·electron·react
惜.己1 小时前
针对nvm不能导致npm和node生效的解决办法
前端·npm·node.js
乖女子@@@1 小时前
React笔记_组件之间进行数据传递
javascript·笔记·react.js
F2E_Zhangmo1 小时前
基于cornerstone3D的dicom影像浏览器 第二章 加载本地文件夹中的dicom文件并归档
前端·javascript·css
念念不忘 必有回响1 小时前
js设计模式-装饰器模式
javascript·设计模式·装饰器模式
用户21411832636022 小时前
Nano Banana免费方案来了!Docker 一键部署 + 魔搭即开即用,小白也能玩转 AI 图像编辑
前端