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

一、onUnload函数

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

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

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

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

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

二、onPageScroll函数

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

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

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

相关推荐
余道各努力,千里自同风几秒前
uni-app 请求封装
前端·uni-app
excel3 分钟前
Vue 编译器核心 AST 类型系统与节点工厂函数详解
前端
excel3 分钟前
Vue 编译器核心:baseCompile 源码深度解析
前端
fakaifa4 分钟前
XYcourse课程预约小程序源码+uniapp前端 全开源+搭建教程
uni-app·php·源码分享·源码下载·xycourse·课程预约小程序
excel5 分钟前
Vue 编译核心:transformMemo 源码深度解析
前端
excel6 分钟前
Vue 编译核心:transformModel 深度解析
前端
excel6 分钟前
Vue 编译器源码精解:transformOnce 的实现与原理解析
前端
前端架构师-老李6 分钟前
React中useContext的基本使用和原理解析
前端·javascript·react.js
Moonbit8 分钟前
招募进行时 | MoonBit AI : 程序语言 & 大模型
前端·后端·面试
excel9 分钟前
Vue 3 编译器源码深度解析:transformOn —— v-on 指令的编译过程
前端