返回顶部VUE

import Vue from 'vue'
import App from './App.vue'
import router from './router'

Vue.config.productionTip = false
Vue.prototype.$eventBus = new Vue();

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

<script>

export default {
   methosds:{
         handleScroll(e){
            this.$eventBus.emit("handleScroll",e)
          }
   }
}
</script>

<template>
    <div class="backTop"  @click="backTop()"  v-show="showBackTop">
        <i class='upload2'></i>
    </div>
</template>

<script>
export default {
    data(){
        return{
            nameLevel:"",
        }
    },

    mounted(){
        this.$eventBus.$on("handleScroll",(e) => {
            this.handleScroll(e);
        })
    },
    methods:{
       handleScroll(e){
         this.srcElement=e.srcElement
         if(e.srcElement.scrollTop>200){
              this.showBackTop=true
           }else{
              this.showBackTop=false
           }
       },
       backTop(){this.srcElement.scrollTop=0}
    }
}
</script>