el-backtop简单实现功能

官方文档写的很简单，但是代码复制到项目中一点反应都没有，在这里做一个简单实现的记录，各属性不尽兴调试。

先上代码

<el-main
      style="margin:0 auto;padding:0;min-height: 100vh;
  width: 100%;"
      class="page_scroll"
    >
      <el-backtop target=".page_scroll">el-backtop>
      <div ref="scorll_top">
        <First
          v-if="index_page == items[0].id"
          :text="items[0].id"
        />
        <Java
          v-else-if="index_page == items[1].id"
          :text="items[1].id"
        />
        <Vue
          v-else-if="index_page == items[2].id"
          :text="items[2].id"
        />
      div>
    el-main>

1.这里el-main高度不变，div随着内容增加，高度会增加，所以el-backtop就要跟div同级
2.el-backtop的target和el-main的class要保持同名，target多一个.
注意以上两点就可以实现了，看下效果：