elementUI 中“回到顶部”组件 el-backtop 怎么用？

你如果直接复制以下官网的代码到你的项目中，肯定是不显示的，而且控制台还会报错。

使用这个组件需要注意以下两点：

一、写在最外层容器下的第一行

代码例如：

<template>
  <div class="wrap">
    <el-backtop target=".panel-card" :visibility-height="200" />
    <!-- 下面是其他的 html 代码 -->
  </div>

注意： 其他内容区的代码写在 el-backtop 下面，不要写在标签中间

二、外层容器有两个 CSS 属性是必须写的

代码例如：

.wrap {
  height: 100%;
  overflow-x: hidden;
}

最后注意一点： 属性 visibility-height 的值规定了下拉到某个指定高度时出现“回到顶部”的图标