elementui回到顶部功能

ElementUI并没有提供回到顶部的组件或功能，但你可以使用一些原生的方式来实现。以下是一个简单的实现方式：

1. 在需要回到顶部的页面添加一个“回到顶部”的按钮。

<template>
  <div>
    <!-- 页面内容 -->
    <button @click="goTop">回到顶部</button>
  </div>
</template>

2. 在Vue组件中添加方法，使用原生的 `window.scrollTo()` 方法将页面滚动到顶部。

<script>
export default {
  methods: {
    goTop() {
      window.scrollTo(0,0);
    }
  }
}
</script>

3. 如果需要添加动画效果，可以使用第三方库如`animate.css`来实现。

<template>
  <div>
    <!-- 页面内容 -->
    <button @click="goTop" class="animated infinite pulse">回到顶部</button>
  </div>
</template>

<script>
import 'animate.css';

export default {
  methods: {
    goTop() {
      window.scrollTo(0,0);
    }
  }
}
</script>

<style>
button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

button.show {
  display: block;
}
</style>

<script>
export default {
  mounted() {
    window.addEventListener('scroll', this.scrollHandler);
  },
  beforeDestroy() {
    window.removeEventListener('scroll', this.scrollHandler);
  },
  methods: {
    scrollHandler() {
      const scrollTop =
        document.documentElement.scrollTop || document.body.scrollTop;
      if (scrollTop > 100) {
        this.$refs.backTop.classList.add('show');
      } else {
        this.$refs.backTop.classList.remove('show');
      }
    },
    goTop() {
      window.scrollTo({ top: 0, behavior: 'smooth' });
    },
  },
};
</script>

以上是一个简单的回到顶部的实现方式，你可以根据需要进行修改。