真机手机绑定scroll事件失效

一开始以下代码好好的，突然有一天不行了

window.addEventListener("scroll", this.handleScroll);

那就用方法二：

this.box=this.$refs.wrapper
this.box.addEventListener('scroll',function(){
  this.handleScroll();
},false)
handleScroll() {
    // 这是一个示例代码，打印出监听滚动的组件滚动距离
    var scrollTop = this.$refs.wrapper.scrollTop;
    console.log(scrollTop);
}

如果还失效：请注意查看以下问题

需要监听滚动的元素是否给了height和overflow：scroll

需要监听滚动的元素节点是否设置了高度

原文:https://blog.csdn.net/zhongguohaoshaonian/article/details/79851032

vue设置元素高度

<template>
    <div class="content" :style="contentStyleObj"></div>
</template>
<script>
    data () {
　　return {
      contentStyleObj:{
　　　　　　height:''
　　　　}
　　}
  },
methods:{
    getHeight(){
      this.contentStyleObj.height=window.innerHeight-70+'px';
    }
  },
  created(){
    window.addEventListener('resize', this.getHeight);
    this.getHeight()
  },

</script>