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
      })
    },
相关推荐
mwq3012314 小时前
RNN 梯度计算详细推导 (BPTT)
前端
mogexiuluo14 小时前
kali下安装beef-xss报错-启动失败-简单详细
前端·xss
y_y14 小时前
Streamable HTTP:下一代实时通信协议,解决SSE的四大痛点
前端·http
无羡仙14 小时前
流式输出SSE
前端
小噔小咚什么东东14 小时前
Vue开发H5项目中基于栈的弹窗管理
前端·vue.js·vant
OpenTiny社区14 小时前
基于华为云大模型服务MaaS和OpenTiny框架实现商城商品智能化管理
前端·agent·mcp
云枫晖14 小时前
JS核心知识-原型和原型链
前端·javascript
小卓笔记15 小时前
第1章 Web服务-nginx
前端·网络·nginx
华仔啊15 小时前
Vue+CSS 做出的LED时钟太酷了!还能倒计时,代码全开源
前端·css·vue.js
m0_5649149216 小时前
点击EDGE浏览器下载的PDF文件总在EDGE中打开
前端·edge·pdf