vue监听scroll事件无效?(踩坑记录)
前端使用技术为VUE踩坑记录最近在项目里,因为需要监听滚动事件,就直接写监听代码如下:尝试一、html:<div id="scroll-div" @scroll="scrollHandle">监听我的滚动<div>js:scrollHandle() {console.log("scrolll");},但是事件并没有执行。于是想通过addEventListener原生的方式进
·
前端使用技术为VUE
踩坑记录
最近在项目里,因为需要监听滚动事件,就直接写监听代码如下:
尝试一、
html:
<div id="scroll-div" @scroll="scrollHandle">
监听我的滚动
<div>
js:
scrollHandle() {
console.log("scrolll");
},
但是事件并没有执行。于是想通过addEventListener
原生的方式进行监听。将代码写入mounted
尝试二、
html:
mounted() {
document.getElementById("scroll-div").addEventListener("scroll", () => {
console.log("scrolll");
});
},
经资料查询,发现addEventListener
不止有两个参数。
element.addEventListener(event, function, useCapture)
将尝试二的代码,加上第三个参数true
,就实现了对scroll事件
的监听
mounted() {
document.getElementById("scroll-div").addEventListener(
"scroll",
() => {
console.log("scrolll");
},
true
);
}
更多推荐
已为社区贡献11条内容
所有评论(0)