vue 简单实现返回顶部，带动画过渡效果

很简单的vue返回顶部，但是网上查了很多方式，并不好用，我把我项目上面的方法分享出来。

效果线上预览：返回顶部

html

<a @click="backTop">
   <i class="el-icon-arrow-up"></i>
 </a>

js

//返回顶部
backTop() {
 let top = document.documentElement.scrollTop || document.body.scrollTop
 // 实现滚动效果
 const timeTop = setInterval(() => {
   document.body.scrollTop = document.documentElement.scrollTop = top -= 50
   if (top <= 0) {
     clearInterval(timeTop)
   }
 }, 10)
},

以上，就完成了