vue中监听scroll事件失效的问题及解决

<div class="specialty-store-page" ref="scrollBox" @scroll="handleBlScroll">

   handleBlScroll() {
      let _blTop = this.$refs.bl.getBoundinGClientRect().top
      this.tabFixed = _blTop < 46
      this.navShowFlag = this.$refs.scrollBox.scrollTop > this.RootEM * 0.92
      let _gcTop = this.$refs.GoodsContainer.getBoundingClientRect().top//这里是子元素距顶部的高度
    }

mounted() {
    window.addEventListener('scroll', this.handleScroll, true)
},
methods: {
    handleScroll: function() {
          console.log(document.documentElement.scrollTop || document.body.scrollTop)
    }
}