vue为啥监听不了@scroll

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

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

原因:

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

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

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

我这里的原因是:

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

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

相关推荐
程序猿John3 小时前
ES6 新增特性 箭头函数
前端·javascript·es6
百锦再4 小时前
五种常用的web加密算法
前端·算法·前端框架·web·加密·机密
@大迁世界4 小时前
彻底改变我 React 开发方式的组件模式
前端·javascript·react.js·前端框架·ecmascript
William Dawson5 小时前
【Vue 3 + Element Plus 实现产品标签的动态添加、删除与回显】
前端·javascript·vue.js
拉不动的猪5 小时前
项目基础搭建时的一些基本注意点
前端·javascript·面试
蕉君桑5 小时前
vue2使用vue-echarts
前端·vue.js·echarts
runnerdancer5 小时前
React+Vite+Typescript项目脚手架模版
前端
Code额5 小时前
ECMAScript 6 新特性(二)
前端·javascript·ecmascript
群联云防护小杜6 小时前
基于AI的Web应用防火墙(AppWall)实战:漏洞拦截与威胁情报集成
前端·分布式·安全·ddos
_清浅6 小时前
JavaScript(JS进阶)
开发语言·前端·javascript·操作系统·html5