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: