web:InfiniteScroll 无限滚动

InfiniteScroll 无限滚动

分页加载

复制代码
<div class="data-box" v-infinite-scroll="loadMore">
<li v-for='i in dataList'></li>
</div>

form: {
        current: 1,
        size: 10,
        }

loadMore(){
      console.log(this.dataList.length, this.total ,8888)
      if(this.dataList.length >= this.total){
        return
      }
      this.form.current = this.form.current + 1
      this.getDataList()
    },
     getDataList() {
      getList(this.form).then(res => {
        this.dataList = this.dataList.concat(res.result.records)
        console.log(this.dataList,66666)
        this.total = res.result.total
      })
    },
相关推荐
前端工作日常31 分钟前
前端基建的幸存者偏差
前端·vue.js·前端框架
Electrolux39 分钟前
你敢信,不会点算法没准你赛尔号都玩不明白
前端·后端·算法
a cool fish(无名)1 小时前
rust-参考与借用
java·前端·rust
Feather_742 小时前
从Taro的Dialog.open出发,学习远程控制组件之【事件驱动】
javascript·学习·taro
只有干货2 小时前
前端传字符串 后端比较date类型字段
前端
\光辉岁月/2 小时前
Axios基本使用
javascript·axios
波波鱼દ ᵕ̈ ૩3 小时前
学习:JS[6]环境对象+回调函数+事件流+事件委托+其他事件+元素尺寸位置
前端·javascript·学习
cypking3 小时前
解决electron+vue-router在history模式下打包后首页空白问题
javascript·vue.js·electron
climber11213 小时前
【Python Web】一文搞懂Flask框架:从入门到实战的完整指南
前端·python·flask
Watermelo6173 小时前
极致的灵活度满足工程美学:用Vue Flow绘制一个完美流程图
前端·javascript·vue.js·数据挖掘·数据分析·流程图·数据可视化