Vue实现回到顶部

<li  @click="backtop" v-if="isShow">返回</li>

<script>

export default{
    name:'FixedRight',
    data(){
      return {
        isShow:false,
        scrollTop:0
      }
    },
    mounted() {
      window.addEventListener('scroll',this.showbtn,true)
    },
    methods:{
      showbtn(){
        let that = this
        that.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
       if(that.scrollTop > 100){
          this.isShow = true
        }else{
          this.isShow = false
        }
        // console.log(that.scrollTop)
      },
      backtop(){
          var timer = setInterval(()=>{
            let osTop = document.documentElement.scrollTop || document.body.scrollTop;
            let ispeed = Math.floor(-osTop / 5);
            document.documentElement.scrollTop = document.body.scrollTop = osTop + ispeed;
            if(osTop === 0){
              this.isShow = false;
              clearInterval(timer);
            }
          },30)
      }
    }
  }
</script>