为什么没报错 但不显示 返回顶部图标

<template>

    <a

      href=""

      class="mine-backtop"

      v-show="visible"  

      @click="backToTop" ><!-- v-show 不止渲染一次一次 -->

      <i class="iconfont icon-backtop"></i>

    </a>

</template>

<script>

  export default {

    name: 'MeBacktop',

    props: {

      visible: {

        type: Boolean,  

        default: false //默认隐藏

      }

    },

    methods: {         

      backToTop() {

        this.$emit('backtop'); //基础组建 去外部做

      }

    }

  };

</script>

<style lang="scss" scoped>

  @import "~assets/scss/mixins";

  .mine-backtop {

    overflow: hidden;

    @include flex-center();

    width: 45px;

    height: 45px;

    background-color: rgba(0, 0, 0, 0.6);

    border: none;

    border-radius: 50%;

    .iconfont {

      color: #fff;

      font-size: 38px;

    }

  }

</style>

<template>

  <div class="home">

    <header class="g-header-container">

      <home-header />

    </header>

    <me-scroll :data="recommends"

    pullDown

    pullUp

    @pull-down="pullToRefresh"

    @pull-up="pullToLoadMore"

    > <!-- //监听事件 -->

      <home-slider ref="slider"/>

      <home-nav/>

      <home-recommend @loaded="getRecommends" ref="recommend"/>

    </me-scroll>

    <div class="g-backtop-container">

    <me-backtop/>

    </div>

    <router-view></router-view>

  </div>

</template>

<script>

import HomeHeader from './header';

import HomeSlider from './slider';

import MeScroll from 'base/scroll';

import MeBacktop from 'base/backtop';

import HomeNav from './nav';

import HomeRecommend from './recommend';

export default {

  name: "Home",

  components: {

    HomeHeader,

    HomeSlider,

    MeScroll,

    HomeNav,

    HomeRecommend,

    MeBacktop

  },

  data(){

    return {

      recommends:[] 

    }

  },

  methods:{

    updateScroll(){

    },

    getRecommends(recommends){

      this.recommends = recommends;

    },

    pullToRefresh(end){

      this.$refs.slider.update().then(end)

    },

    pullToLoadMore(end){

       this.$refs.recommend.update().then(end).catch(err =>{

         if(err){

         }

         end();

         //处理没有更多数据的情况

         //禁止继续加载更多数据

         //替换上拉时的loading,改为没有更多数据

       })

    }

  }

};

</script>

<style lang="scss" scoped>

@import "~assets/scss/mixins";

.home {

  overflow: hidden;

  width: 100%;

  height: 100%;

  background-color: $bgc-theme;

}

</style>