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

一、onUnload函数

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

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

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

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

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

二、onPageScroll函数

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

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

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

相关推荐
q***38518 分钟前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
用户479492835691519 分钟前
别再当 AI 的"人肉定位器"了:一个工具让 React 组件秒定位
前端·aigc·ai编程
Nan_Shu_61437 分钟前
学习:Sass
javascript·学习·es6
WYiQIU1 小时前
面了一次字节前端岗,我才知道何为“造火箭”的极致!
前端·javascript·vue.js·react.js·面试
qq_316837751 小时前
uniapp 观察列表每个元素的曝光时间
前端·javascript·uni-app
小夏同学呀1 小时前
在 Vue 2 中实现 “点击下载条码 → 打开新窗口预览 → 自动唤起浏览器打印” 的功能
前端·javascript·vue.js
芳草萋萋鹦鹉洲哦1 小时前
【vue】导航栏变动后刷新router的几种方法
前端·javascript·vue.js
zero13_小葵司1 小时前
JavaScript性能优化系列(八)弱网环境体验优化 - 8.3 数据预加载与缓存:提前缓存关键数据
javascript·缓存·性能优化
1***y1781 小时前
Vue项目性能优化案例
前端·vue.js·性能优化
Irene19911 小时前
FileList 对象总结(附:不支持迭代的类数组对象表)
javascript·类数组对象·filelist·不支持迭代