# list-load-more-lxx

> 如果后端返回的渲染数据冗杂,那么可以在产品组件外层套用这个LoadMore组件

Latest version **1.0.2** (published 2021-10-28) · ISC license · 0 weekly downloads

## Install

```sh
npm install list-load-more-lxx
pnpm add list-load-more-lxx
yarn add list-load-more-lxx
bun add list-load-more-lxx
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2021-10-28 |
| First published | 2021-10-28 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 46.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | mrlxxxxxx |

## Links

- npm: https://www.npmjs.com/package/list-load-more-lxx
- npm.io page: https://npm.io/package/list-load-more-lxx

## Recent versions

- 1.0.2 (latest) — 2021-10-28
- 1.0.1 — 2021-10-28
- 1.0.0 — 2021-10-28

## README

## 瀑布流插件

如果后端返回的渲染数据冗杂,那么可以在产品组件外层套用这个LoadMore组件

> 作者: MrL

#### 一. 安装

```shell
npm i list-load-more-lxx -S
```

或

```shell
yarn add list-load-more-lxx
```

#### 二. vue项目入口文件调用

在vue项目的入口文件中调用 `main.js`

```js
import LoadMore from list-load-more-lxx

Vue.use(LoadMore)
```

#### 三. 组件中使用

找到产品列表组建的外层,如果是这样的写法:

```vue
<List :records="allarr" />
```

那么可以改写为:

```vue
<LoadMore :bigarr="allarr" :size="8">
   <List slot-scope="scope" :records="scope.smallarr" />
</LoadMore>
```

#### 四. 参数解释

- `bigarr`代表原数组(大数组)
- `smallarr`代表处理分发之后的数组(小数组)
- `size`代表滚动时显示多少项
- `records`是组件传值的名字(如不一样,记得同步)

**使用说明: 将`:bigarr="换成需要传入的数组"`,`:size="需要显示的个数"`**

---
_Source: https://npm.io/package/list-load-more-lxx · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._