Vue:无限滚动-通过vant组件

一: 下拉刷新上拉加载功能
-1. 实现原理:通过vant的List和PullRefresh两个组件实现(PullRefresh组件标签包裹List组件标签)
-2. 我遇到的问题

Load方法触发的次数 描述
页面一加载,触发一次 正常
页面一加载,触发两次 offset默认300,说明 滚动条距底部的距离小于300
页面一加载,就一直触发的话 要保证list组件标签的高度确实继承了父亲的高度(可能存在嵌套这多个盒子,看下图1)

-3 关于finished属性的
// 该属性决定着, 什么时候,不再触发上拉加载并显示数据到底了

        if (this.list.length >= 40) { // 在请求成功后如果数据大于40, 数据加载完立flag为true
          
          

你可能感兴趣的:(Vue:无限滚动-通过vant组件)