vue 瀑布流

210 阅读1分钟

221347-16919360279c09.jpg
记录下vue实现瀑布流思路 实现思路:
1、使用v-for循环渲染。设置两个数组 sourceListlist,一个用于获取接口数据,一个用于v-for循环渲染dom;
2、每次预渲染一些。执行 list.push(sourceList[i]); 一直到预渲染的位置结束;
3、页面滚动到一定位置继续渲染,每次滚动根据判断条件执行第二步。