以下是滚动触底不生效的代码:
<script setup lang="ts">
// 滚动触底事件
const onScrolltolower = () => {
console.log('滚动触底触发')
}
</script>
<template>
<!-- 滚动容器 -->
<scroll-view scroll-y @scrolltolower="onScrolltolower">
</scroll-view>
</template>
以下是解决方法:
<script setup lang="ts">
// 滚动触底事件
const onScrolltolower = () => {
console.log('滚动触底触发')
}
</script>
<template>
<!-- 滚动容器 -->
<scroll-view scroll-y @scrolltolower="onScrolltolower">
</scroll-view>
</template>
<style lang="scss">
page {
height: 100%;
}
</style>
只需要给page添加一个高度为100%即可