最新版 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
你好
好的。感谢防坑贴,已置顶。
00
相似问题