之前一直用的是自己封装监听滚动距离来实现返回顶部,想用一次element来实现,下面记录详细踩坑过程。
下面图为官方文档:
target这个属性及其重要,它代表你要监听滚动的对象!!!如果不对是不会触发的
上详细代码
<div class="backtop" style="height: 800px;overflow-y: auto">
<div v-for="item in 500">{{item}}</div>
//target属性的值指向的就是外层你滚动区域的类名
/*visibility-height需要的是一个number,所以需要v-bind绑定;
*补充(v-bind缩写:)
*/
<el-backtop target=".backtop" :visibility-height=400></el-backtop>
</div>
结束!!!