vue为啥监听不了@scroll

哈喽 大家好 我在vue中写了一个滚动scroll监听事件

然后滚动鼠标 发现进不来我的方法断点

原因:

  1. 事件绑定错误:确保你使用@scroll正确绑定到了可滚动容器上。

  2. 事件冒泡:滚动事件可能被封装在某些组件内部,导致不会冒泡到父元素上。

  3. 组件内部没有正确地设置overflow: scroll; 属性,使得元素不可滚动。

我这里的原因是:

绑定scroll事件的div容器应该有overflow 可以滚动的

接下来打断点就进入到方法了:

相关推荐
JS_GGbond12 小时前
Vue3 组件入门:像搭乐高一样玩转前端!
前端·vue.js
SakuraOnTheWay12 小时前
拆解一个由 setTimeout 引发的“页面假死”悬案
前端·javascript
渔_12 小时前
【已解决】uni-textarea 无法绑定 v-model / 数据不回显?换原生 textarea 一招搞定!
前端
小胖霞12 小时前
vite+ts+monorepo从0搭建vue3组件库(二):项目搭建
前端·vue.js·前端工程化
小胖霞12 小时前
vite+ts+monorepo从0搭建vue3组件库(四):button组件开发
vue.js·前端框架·前端工程化
JS_GGbond12 小时前
Vue中级冒险:3-4周成为组件沟通大师 🚀
前端·vue.js
登山者12 小时前
npm发布报错急救手册:快速解决2FA与令牌问题
前端·npm
小小善后师12 小时前
按钮太多了?基于ResizeObserver优雅显示
前端
HIT_Weston12 小时前
57、【Ubuntu】【Gitlab】拉出内网 Web 服务:Gitlab 配置审视(一)
前端·ubuntu·gitlab
用户66006766853912 小时前
模板字符串 + map:用现代 JavaScript 高效构建动态 HTML
前端·javascript