htmledit_views">

今天在做项目中的时候，要加一个返回顶部的功能。因为项目中用到了饿了么的组件，所以就直接引用了Backtop这个组件。

我们在app.html" title=vue>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加上图中的属性即可。