1.0.12 • Published 3 years ago

load-more-mczhao v1.0.12

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

PC端滚动触底,加载更多(适用于瀑布流效果组件)

每当我们一个页面加载到非常多的数组项时,想要实现“滚动触底,加载更多”的效果,可以使用这个插件。

作者:你单排吧(赵文贤)

一、安装

npm i load-more-mczhao -S

yarn add load-more-mczhao

二、引入

在vue项目的入口文件 main.js 中:

import LoadMore from 'load-more-mczhao'

Vue.use(LoadMore)

三、使用

在产品列表组件上做修改,举例: 如原来的组件是这么使用的:

<Products :arr="goodsArr" />

现在改为:

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

四、关键词备注

  • bigarr 代表你要渲染的总数据(Array类型)
  • size 代表你每次滚动要加载多少项(Number类型)
  • smallarr 代表每次返回出来的新数组
请只填写 <LoadMore></LoadMore> 组件上的 bigarrsize 属性的值即可。
1.0.12

3 years ago

1.0.11

3 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago