今天在做项目中的时候,要加一个返回顶部的功能。因为项目中用到了饿了么的组件,所以就直接引用了Backtop这个组件。
我们在app.vue中写如下代码即可:
<template>
<div id="app">
<router-view />
<el-backtop target="#app" :bottom="100" :visibility-height="300">
<i class="el-icon-caret-top"></i>
</el-backtop>
</div>
</template>
<style lang="less">
#app{
overflow-y: scroll;
height: 100vh;
}
</style>
target就是要滚动的目标,如果返回顶部组件不出现的话,就给app加上图中的属性即可。