<template>
<div class="box">
</div>
</template>
<script>
export default {
data() {
return {
scrolldata: ''
}
},
methods: {
menu() {
this.scrolldata = document.documentElement.scrollTop
console.log('top',Math.floor(this.scrolldata))
},
},
mounted(){
//进行监听
window.addEventListener('scroll',this.menu)
window.addEventListener('scroll',function(){
console.log('滚动了', '')
})
},
destroyed(){
//删除监听
window.removeEventListener('scroll',this.menu)
window.removeEventListener('scroll',function(){
console.log('滚动了', '')
})
}
}
</script>
<style scoped>
.box{
width: 100px;
height: 1800px;
background-color: red;
}
</style>
[VUE]监听事件
最新推荐文章于 2024-04-12 09:16:33 发布