vue为啥监听不了@scroll

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

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

原因:

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

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

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

我这里的原因是:

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

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

相关推荐
0思必得05 分钟前
[Web自动化] 爬虫实例(获取时光网某个年度电影数据)
前端·爬虫·python·selenium·自动化
Devlive 开源社区16 分钟前
技术日报|React视频工具Remotion三连冠日增1374星破3万,Apple Silicon语音库mlx-audio爆火登榜第二
前端·react.js·前端框架
m0_7482299927 分钟前
Vue3高效学习路线全攻略
前端·javascript·vue.js
谢尔登39 分钟前
React架构演变
前端·react.js·架构
木辰風43 分钟前
vue在IE浏览器下父页面向子页面传输对象时数据丢失
前端·javascript·html
小雨青年1 小时前
Cursor 项目实战:AI播客策划助手(四)—— 产品发布与交付收尾
前端·人工智能
麻辣翅尖1 小时前
【vue】基于 pdf.js 实现 pdf 文件预览
vue.js·pdf.js
@呵呵1 小时前
上传图片裁剪
开发语言·javascript·vue.js
晚霞的不甘1 小时前
Flutter for OpenHarmony《淘淘购物》主页点击跳转功能详解:从 UI 响应到页面导航的完整实现
前端·flutter·ui·搜索引擎·前端框架·交互
cooldream20091 小时前
前端技术架构详解:Vue 3 + TypeScript + Vite 在具身 AI 系统中的实践
前端·架构·typescript