vue为啥监听不了@scroll

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

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

原因:

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

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

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

我这里的原因是:

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

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

相关推荐
oMcLin13 分钟前
如何在 RHEL 7 上优化 Nginx 与 PHP‑FPM 配置,确保高并发 Web 应用的稳定性与响应速度?
前端·nginx·php
Taiyuuki26 分钟前
WebGPU 开发者福音!在 VS Code 中实时预览你的WGSL着色器作品
前端·gpu·图形学
李剑一40 分钟前
uni-app实现网络离线定位
前端·trae
鲨莎分不晴41 分钟前
Nginx 部署前端项目实战指南
运维·前端·nginx
码界奇点1 小时前
基于Vue3与TypeScript的后台管理系统设计与实现
前端·javascript·typescript·vue·毕业设计·源代码管理
计算机程序设计小李同学1 小时前
婚纱摄影集成管理系统小程序
java·vue.js·spring boot·后端·微信小程序·小程序
ashcn20011 小时前
水滴按钮解析
前端·javascript·css
攀登的牵牛花1 小时前
前端向架构突围系列 - 框架设计(五):契约继承原则
前端·架构
爱吃奶酪的松鼠丶1 小时前
React长列表,性能优化。关于循环遍历的时候,key是用对象数据中的ID还是用索引
javascript·react.js·性能优化
xkxnq1 小时前
第二阶段:Vue 组件化开发(第 17天)
javascript·vue.js·ecmascript