load-more-starry v1.0.7

瀑布流插件

后端如果一次性返回大量数据,即可以在产品组件的外层套用LoadMore插件

作者:星空白

一、安装

npm i load-more-starry -s

或

yarn add load-more-starry

二、vue项目入口文件调用

在vue项目的入口文件main.js写入以下代码:

import LoadMore from 'load-more-starry'
Vue.use(LoadMore)

三、组件中使用

做到产品列表组件的外层,原本是一次性渲染的写法:

<Products :arr="records" />

现在可以改为:

<LoadMore :records="records" :size="8">
<Products slot-scope="scope" :arr="scope.goodsArr" />
</LoadMore>

四、关键词解释

records 代表需要渲染的全部数据

size 代表一次渲染数据的数量

goodsArr 代表每次返回出来的新数组

请只填写 <LoadMore></LoadMore> 组件上的 records 和 size 属性的值即可