最新版 vueuse useScrollLock 问题

来源:6-16 业务组件:移动端弹层 menu

自胜者强123

2022-06-29

老师,最新版 vueuse useScrollLock会导致所有子元素无法响应 touchmove 事件
因此导致 menuVue 组件中的 overflow-y: scroll 滚动无效

<ul class="overflow-y-scroll" ref="ulTarget">

图片描述
解决办法
在需要响应 touchmove 事件的子元素中,添加监听,阻止事件冒泡

onMounted(() => {
    // 解决 @vueuse/core 新版本会导致所有元素无法响应 touchmove 事件问题
    useEventListener(ulTarget, 'touchmove', (event) => {
        // 阻止事件冒泡
        event.stopPropagation()
    })
})

老师,可以把这个问题置顶一下,以防其他同学遇见了,可以看一下

写回答

1回答

Sunday

2022-06-29

你好

好的。感谢防坑贴,已置顶。

0
0

基于 Vue3 ,打造前台+中台通用开发提效解决方案

42 种前台常见业务模型, 15 种中台通用组件,成为前端提效高手

788 学习 · 517 问题

查看课程