vue为啥监听不了@scroll

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

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

原因:

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

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

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

我这里的原因是:

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

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

相关推荐
Dwzun6 分钟前
基于SpringBoot+Vue的二手书籍交易平台系统【附源码+文档+部署视频+讲解)
java·vue.js·spring boot·后端·spring·计算机毕业设计
天天扭码9 分钟前
深入MCP本质——编写自定义MCP Server并通过Cursor调用
前端·mcp
小明记账簿21 分钟前
JavaScript浮点数精度问题及解决方案
开发语言·javascript·ecmascript
北辰alk34 分钟前
Vue3 事件修饰符深度解析:从基础到高级应用的完整指南
vue.js
北辰alk36 分钟前
Vue3 服务端渲染 (SSR) 深度解析:从原理到实践的完整指南
vue.js
1024肥宅1 小时前
JavaScript性能与优化:手写实现关键优化技术
前端·javascript·面试
一字白首1 小时前
Vue 项目实战,从注册登录到首页开发:接口封装 + 导航守卫 + 拦截器全流程
前端·javascript·vue.js
前端西瓜哥1 小时前
平面几何:如何绘制一个星形?
前端
北辰alk1 小时前
Vue3 组件懒加载深度解析:从原理到极致优化的完整指南
vue.js
天天扭码1 小时前
解放双手!使用Cursor+Figma MCP 高效还原响应式设计稿
前端·mcp