1.0.3 • Published 3 years ago

lode-more-tk v1.0.3

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

瀑布流插件

本插件是在后端一次性返回给你大量数据的时候,可以在组件的外层套用这个LodeMore插件

作者:TopKont

一、安装

npm i lode-more-tk -S

yarn add lode-more-tk

二、vue项目入口调用

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

import LoadMore from 'load-more-tk'

Vue.use(LoadMore)

三、组件中使用

找到产品列表组件的外层,原本如果是这种一次性渲染的写法:

<Product :arr="GoodsArr"/>

现在可以改写为:

<LodeMord :bigarr="GoodsArr" :size="8">
    <Product slot-scope="scope" :arr="scope.samllarr" />
</LodeMord>

四、关键词备注

  • bigxarr 代表你要渲染的总数据(Array类型)
  • size 代表你每次滚动要加载多少项(Number类型)
  • samllarr 代表每次返回出来的新数组

请只填写 <LoadMore></LoadMore> 组件上的 bigxarrsize 属性的值即可。