vue中window.addEventListener(‘scroll‘,?xx)失效的解決
window.addEventListener(‘scroll‘, xx)失效解決
多次嘗試都無法獲取到滾動事件,后來加上true之后就可以了
window.addEventListener('scroll', this.clintHeight, true)
window.addEventListener scroll在移動端無效問題
在vue項目中有一個頁面滾動的加載數(shù)據(jù)的事件,一開始用window.addEventListener scroll在瀏覽器上調(diào)試時可以監(jiān)聽到事件,但是在移動端上無法監(jiān)聽到scroll事件
window.addEventListener('scroll',()=>{? ? ?console.log("頁面滾動事件")? })
既然無法實現(xiàn)監(jiān)聽功能就干脆把監(jiān)聽事件綁定到dom元素上
<template> <div id="pageId"> </div> </template>
<script> mounted(){ let page = document.getElementById('pageId'); page.addEventListener('scroll', this.pageScroll,true) }, methods:{ pageScroll(){ console.log("scroll") } } </script>
<style> #pageId{ height:100vh; overflow-y:scroll } </style>
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue使用echarts如何實現(xiàn)雙柱狀圖和雙y軸的柱狀圖
這篇文章主要介紹了vue使用echarts如何實現(xiàn)雙柱狀圖和雙y軸的柱狀圖問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10vue與bootstrap實現(xiàn)時間選擇器的示例代碼
本篇文章主要介紹了vue與bootstrap實現(xiàn)時間選擇器的示例代碼,非常具有實用價值,需要的朋友可以參考下2017-08-08Vue Echarts實現(xiàn)圖表的動態(tài)適配以及如何優(yōu)化
這篇文章主要介紹了Vue Echarts實現(xiàn)圖表的動態(tài)適配以及如何優(yōu)化,在實際的前端開發(fā)過程中,動態(tài)適配是一個非常重要的問題,在數(shù)據(jù)可視化的場景下,圖表的動態(tài)適配尤為重要,需要的朋友可以參考下2023-05-05通過實例解析chrome如何在mac環(huán)境中安裝vue-devtools插件
這篇文章主要介紹了通過實例解析chrome如何在mac環(huán)境中安裝vue-devtools插件,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07vue和webpack項目構(gòu)建過程常用的npm命令詳解
本文通過實例代碼給大家介紹了vue和webpack項目構(gòu)建過程常用的npm命令,需要的朋友可以參考下2018-06-06vue樹形結(jié)構(gòu)數(shù)據(jù)處理的方法總結(jié)
在項目開發(fā)的過程中,會經(jīng)常使用樹形結(jié)構(gòu)數(shù)據(jù),前后端交互都會對數(shù)據(jù)進行處理,后端返回的數(shù)據(jù)前端有的時候不能直接使用需要轉(zhuǎn)換,本文小編整理了一些項目中用到的處理方法,需要的朋友可以參考下2023-11-11Vue3+Element?Plus實現(xiàn)el-table跨行顯示(非腳手架)
這篇文章主要介紹了Vue3+Element Plus實現(xiàn)el-table跨行顯示(非腳手架),本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09