vue为啥监听不了@scroll

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

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

原因:

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

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

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

我这里的原因是:

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

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

相关推荐
CHANG_THE_WORLD几秒前
Python 可变参数详解与代码示例
java·前端·python
鹏多多4 分钟前
flutter-屏幕自适应插件flutter_screenutil教程全指南
android·前端·flutter
m0_471199634 分钟前
【JavaScript】Map对象和普通对象Object区别
开发语言·前端·javascript
心.c5 分钟前
《从零开始:打造“核桃苑”新中式风格小程序UI —— 设计思路与代码实现》
开发语言·前端·javascript·ui
GISer_Jing7 分钟前
Flutter零基础速成指南
前端·flutter
一个处女座的程序猿O(∩_∩)O11 分钟前
React Native 全面解析:跨平台移动开发的利器
javascript·react native·react.js
国科安芯12 分钟前
AS32A601型MCU芯片flash模块的擦除和编程
java·linux·前端·单片机·嵌入式硬件·fpga开发·安全性测试
IT_陈寒14 分钟前
【SpringBoot 3.2实战】10倍性能优化的5个冷门技巧,90%开发者都不知道!
前端·人工智能·后端
n***i9514 分钟前
前端技术的反向演进:去框架化浪潮下的轻量化与原生能力回归
前端
幸运小圣18 分钟前
defineAsyncComponent【Vue3】
前端·javascript·vue.js