vue项目中window.addEventListener scroll在移动端无效

在vue项目中有一个页面滚动的加载数据的事件，一开始用window.addEventListener scroll在浏览器上调试时可以监听到事件，但是在移动端上无法监听到scroll事件

window.addEventListener('scroll',()=>{

   console.log("页面滚动事件")

})

既然无法实现监听功能就干脆把监听事件绑定到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>