页面代码:
<template>
<view style="height: 120vh;background-color: pink;">超长内容可滚动</view>
</template>
<script setup lang="ts">
import { onPageScroll } from '@dcloudio/uni-app';
import useScrollHook from '@/hooks/useScrollHook'
const {} = useScrollHook();
// 此处注释时, hooks中写的onPageScroll内的回调逻辑不会执行
// onPageScroll(() => {});
</script>hooks代码:
import { onPageScroll } from '@dcloudio/uni-app';
export default function useScrollHook () {
// 此处逻辑唯有该Hooks所被调用的页面有执行了onPageScroll才会执行
onPageScroll(() => {
console.log("Hello World");
});
return {};
}
0 个回复