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) },

以上，就完成了