element的官网提供了两种
但是我们复制到项目中会发现控制台报
target is not existed: .page-component__scroll .el-scrollbar__wrap的问题
这里以第二种为例:
<el-backtop :bottom="10" :right="0">
<div
style="{
height: 100%;
width: 100%;
border-radius: 50%;
font-size: 13px;
background-color: #f2f5f6;
box-shadow: 0 0 6px rgba(0,0,0, .12);
text-align: center;
line-height: 20px;
color: #1989fa;
padding: 8px;
}"
>
返回顶部
</div>
</el-backtop>
其实解决方法很简单
把target=".page-component__scroll .el-scrollbar__wrap"这一部分直接删除,
但是这里需要把el-backtop放到最外层的那个div上;或者就是给外层的div加高度,有几个加几个 每个相关的div都需要加高度;
完美解决 且无报错,
哈哈哈,遇到问题不要慌,多试一试就好了!