Element-ui返回顶部(踩坑指南,绝对有效)!!!

之前一直用的是自己封装监听滚动距离来实现返回顶部,想用一次element来实现,下面记录详细踩坑过程。
下面图为官方文档:Element-ui返回顶部(踩坑指南,绝对有效)!!!_第1张图片
Element-ui返回顶部(踩坑指南,绝对有效)!!!_第2张图片
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>

结束!!!

你可能感兴趣的:(html5,css3,vue.js)