在首頁中加入了一個返回按鈕的BackToTop組件，并在mounted()中監(jiān)聽scrollTop，如果scrollTop大于0，組件就顯示，否則隱藏。
backToTop代碼如下：

<template>
  <span 
    tabindex="0" 
    class="iconfont" 
    title="返回頂部" 
    @click="handleToTop"
    @blur="BlurOrScroll"
    ref="toTop"
  >&#xe6c2;</span>
</template>

<script>
export default {
  name: 'BackToTop',
  data() {
    return {
      isToTop: false, //是否點擊了返回頂部
      isStop: false, //返回頂部過程中是否要暫停
      scrollTimer: null,
      showTimer: null
    }
  },
  methods: {
    // 按鈕失去焦點后觸發(fā)，停止?jié)L動
    BlurOrScroll() {
      if(this.isToTop) {
        this.isStop = true;
      }
    },
    // 點擊按鈕后觸發(fā)，回到頂部
    handleToTop() {
      this.isToTop = true;
      let scrollDist = 0;
      let speed = 0;
      this.scrollTimer = setInterval(() => {
        scrollDist = document.documentElement.scrollTop || document.body.scrollTop;
        speed = Math.floor(-scrollDist/6);
        if(scrollDist !== 0 && !this.isStop) {
          scrollDist = scrollDist + speed >= 0 ? scrollDist + speed : 0;
          document.documentElement.scrollTop = document.body.scrollTop = scrollDist;
        } else {
          clearInterval(this.scrollTimer);
        }
      },20);
    },
    //控制組件的顯示和隱藏，當(dāng)頁面有滾動時顯示
    showOrHide() {
      if(this.showTimer) {
        this.showTimer = null;
      }
      this.showTimer = setInterval(() => {
        let windowH = document.documentElement.clientHeight || document.body.clientHeight;
        if(document.documentElement.scrollTop || document.body.scrollTop >= windowH) {
          this.$refs.toTop.style.display = 'block';
        } else {
          this.$refs.toTop.style.display = 'none';
        }
      },30);
    }
  },
  watch: {
    isStop() {
      clearInterval(this.scrollTimer);
      this.isStop = false;
    }
  },
  mounted() {
    window.addEventListener('scroll',this.showOrHide,true);
  }
}
</script>

<style lang="stylus" scoped>
  .iconfont
    display none
    position fixed
    right .5rem
    bottom 1rem
    height .6rem
    width .6rem
    font-size .8rem
    cursor pointer
    outline none
</style>

在首頁功能正常，但切換頁面后BackToTop持續(xù)報錯,截圖如下：

在另一個頁面中并沒有添加BackToTop組件，為什么會報錯呢？求解