uniapp框架页面生命周期onPageScroll兼容vue3 -- setup

分类：uni-app

目前用的是'@dcloudio/uni-mp-vue'包的onPageScroll，在setup函数内怎么调监听页面滚动高度？

2021-11-30 18:31 负责人:无分享

3 个回复

苏陌

import { onPageScrol } from '@dcloudio/uni-app'  
 setup(){    
        onPageScroll((e) => {    
           console.log(e)  
        });    
    }

小白爱学习

@dcloudio/uni-app 需要先安装吗

2022-05-04 12:28
苏陌

回复小白爱学习: 不需要

2022-05-05 09:07
小白爱学习

回复苏陌:

<script setup>

import { onLaunch } from "@dcloudio/uni-app"

onLaunch(()=>{

console.log('App Launch')

uni.redirectTo({

url: 'pages/index/index'

})

})

报错：

21:42:22.560 9:42:22 ├F10: PM┤ [vite] Internal server error: Failed to resolve import "@dcloudio/uni-app" from "........\test3\App.vue". Does the file exist?

21:42:22.562 Plugin: vite:import-analysis

21:42:22.571 File: D:/test3/App.vue

21:42:22.572 1 | import { onLaunch } from "@dcloudio/uni-app"

21:42:22.576 | ^

21:42:22.576 2 |

21:42:22.580 3 | const _sfc_main = {

21:42:22.581 at formatError

2022-05-08 21:45

梦川科学 (作者) - 前端开发工程师在线接单组件定制

仍需要在options里声明onPageScroll，才能在setup中的onPageScroll回调接收事件对象。

export default defineComponent({  
    onPageScroll(){}, // 需要在这里声明  
    setup(){  
        onPageScroll((e) => {  
           console.log(e); // 这里可以监听到。  
        });  
    }  
});

水车

script setup 语法糖模式写法

<script setup>  
    import { onPageScroll } from '@dcloudio/uni-app'  
    onPageScroll(e => {  
        scrollTop.value = e.scrollTop  
    })  
</script>

3***@qq.com

大佬，无效啊。设置 min-height:100vh 依旧无效，怎么回事呀？

2023-10-13 17:45

该问题目前已经被锁定, 无法添加新回复

uniapp框架页面生命周期onPageScroll兼容vue3 -- setup

3 个回复

公告

相关问题

uniapp框架页面生命周期onPageScroll兼容vue3 -- setup

与内容相关的链接

3 个回复

公告

相关问题