vue和和iview实现实现Scroll 数据无限滚动功能数据无限滚动功能
在做项目的时候因为数据比较多,一次性全部渲染的话会花费较多的时间,所以,想到每一次渲染10条数据
也想过每一次获取十条数据然后显示就行了,就目前自己所知最好的方法是修改接口,一次返回10条,可是这样子太麻烦
了,所以决定一次性请求所有数据,然后每次渲染十条,需要再上拉加载更多
使用的是iview中的组件Scroll
以下是获取数据和封装数据的方法:以下是获取数据和封装数据的方法:
原理是先定义两个全局的变量,一个存储全部的数据,一个存储渲染的数据
在首次获得数据的时候,往渲染的变量中存入全部数据的前十条:在首次获得数据的时候,往渲染的变量中存入全部数据的前十条:
然后在数据最底时上拉加载新的十条数据:然后在数据最底时上拉加载新的十条数据:
评论0