Vue+element UI实现“回到顶部”按钮组件

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/caomage/article/details/85006973

背景

开发框架是vue+webpack+element-ui，需要一个回到顶部的通用组件。

开发

HTML部分

code：

>="el-fade-in"> 
class="page-up" @click="scrollToTop" v-show="toTopShow"> class="el-icon-caret-top"></i> </div> </transition> </template>

这里使用了一个进入动画，看起来自然一点。

CSS部分

code：