将elementUI官方的回到顶部组件代码复制过去不显示,困扰了很久
最后发现将这块给去掉就可以显示了
target=".page-component__scroll .el-scrollbar__wrap"
改为:
<el-backtop :bottom="100">
<div
style="{
height: 100%;
width: 100%;
background-color: #f2f5f6;
box-shadow: 0 0 6px rgba(0,0,0, .12);
text-align: center;
line-height: 40px;
color: #1989fa;
}"
>
UP
</div>
</el-backtop>
没有样式的就直接写
<el-backtop> </el-backtop>
其实这是一种比较偷懒的写法,target是用来绑定触发滚动对象的,直接用不显示的话是因为他所绑定需要滚动的内容不对,如果不需要,可以直接将target删除掉,如果需要,具体参考一下